{"componentChunkName":"component---src-templates-post-js","path":"/blog/range","webpackCompilationHash":"0f979b9b09e9513b4912","result":{"data":{"site":{"siteMetadata":{"keywords":["blog","ubug","tech blog","技术博客","playground"]}},"mdx":{"fields":{"title":"🏡 因为租房子我一口气写了两个项目","tips":[],"categories":["code"],"datetime":"2021-06-08 18:13:35","noFooter":false,"description":"房租还有半个月到期，想着去找找房子吧，但是去哪找？搬去哪的问题是个大问题，北京城很大，房子很多，只要妥协总能找到，可惜我不想妥协。","plainTextDescription":"房租还有半个月到期，想着去找找房子吧，但是去哪找？搬去哪的问题是个大问题，北京城很大，房子很多，只要妥协总能找到，可惜我不想妥协。\n","author":"Ubug","banner":null,"bannerCredit":null,"slug":"/blog/range","tags":["生活"]},"headings":[{"value":"读者需要了解什么","depth":2},{"value":"〇、缘由","depth":2},{"value":"一、原始需求","depth":2},{"value":"二、需求刨析","depth":2},{"value":"1. 影响决策的因素","depth":3},{"value":"2. 通勤时间规划的可行性","depth":3},{"value":"3. 数据源从哪来","depth":3},{"value":"三、关键功能点","depth":2}],"body":"const _excluded = [\"components\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\n/* @jsx mdx */\n\nconst _frontmatter = {\n  \"slug\": \"range\",\n  \"title\": \"🏡 因为租房子我一口气写了两个项目\",\n  \"date\": \"2021-06-08 18:13:35\",\n  \"author\": \"Ubug\",\n  \"description\": \"房租还有半个月到期，想着去找找房子吧，但是去哪找？搬去哪的问题是个大问题，北京城很大，房子很多，只要妥协总能找到，可惜我不想妥协。\",\n  \"categories\": [\"code\"],\n  \"tags\": [\"生活\"]\n};\nconst makeShortcode = name => function MDXDefaultShortcode(props) {\n  console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n  return mdx(\"div\", props);\n};\nconst WithFigcaption = makeShortcode(\"WithFigcaption\");\nconst layoutProps = {\n  _frontmatter\n};\nconst MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  let {\n      components\n    } = _ref,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h2\", null, \"\\u8BFB\\u8005\\u9700\\u8981\\u4E86\\u89E3\\u4EC0\\u4E48\"), mdx(\"p\", null, \"\\u8FD9\\u7BC7\\u6587\\u7AE0\\u8BB0\\u5F55\\u4E86\\u4E00\\u4E2A\\u6709\\u8DA3\\u7684\\uFF0C\\u7ED3\\u5408\\u751F\\u6D3B\\u5C0F\\u75DB\\u70B9\\u7684\\u6280\\u672F\\u9879\\u76EE\\u8BDE\\u751F\\u8FC7\\u7A0B - \\u4ECE\\u79DF\\u623F\\u751F\\u6D3B\\u75DB\\u70B9\\u5230\\u6280\\u672F\\u89E3\\u51B3\\u65B9\\u6848\\u7684\\u5B8C\\u6574\\u5B9E\\u8DF5\\u3002\"), mdx(\"blockquote\", null, mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, \"\\u4F60\\u751F\\u6D3B\\u4E2D\\u9047\\u5230\\u7684\\u95EE\\u9898\\uFF0C\\u53EF\\u80FD\\u5728\\u6280\\u672F\\u4E0A\\u80FD\\u591F\\u627E\\u5230\\u7B54\\u6848\\uFF0C\\u4F60\\u624B\\u91CC\\u7684\\u4E00\\u4E2A\\u4E2A\\u7684\\u9879\\u76EE\\uFF0C\\u4E5F\\u83AB\\u4E0D\\u6765\\u81EA\\u4E8E\\u9700\\u6C42\\uFF0C\\u6280\\u672F\\u4E0D\\u4F1A\\u51ED\\u7A7A\\u4EA7\\u51FA\\uFF0C\\u53EA\\u662F\\u88AB\\u9700\\u8981\\u5199\\u51FA\\u6765\\u3002\\u6700\\u540E\\u4F60\\u4F1A\\u53D1\\u73B0\\u81EA\\u5DF1\\u7528\\u6280\\u672F\\u89E3\\u51B3\\u7684\\u8FC7\\u7A0B\\u4E5F\\u662F\\u505A\\u4EA7\\u54C1\\u7684\\u8FC7\\u7A0B\\uFF0C\\u4E0D\\u540C\\u7684\\u662F\\u4F60\\u4E00\\u4E2A\\u4EBA\\u627F\\u62C5\\u4E86\\u7528\\u6237\\u3001\\u4EA7\\u54C1\\u3001\\u5F00\\u53D1\\u8FD9\\u51E0\\u4E2A\\u89D2\\u8272\\uFF0C\\u4E00\\u4E2A\\u9700\\u6C42\\u4ECE\\u88AB\\u9700\\u8981\\u3001\\u5230\\u529F\\u80FD\\u3001\\u5230\\u5B9E\\u73B0\\uFF0C\\u6700\\u540E\\u53C8\\u88AB\\u7528\\u6237\\u53CD\\u9988\\u7684\\u8FC7\\u7A0B\\u3002\")), mdx(\"hr\", null), mdx(\"div\", {\n    style: {\n      display: 'flex',\n      justifyContent: 'center'\n    }\n  }, mdx(WithFigcaption, {\n    title: \"\\u4E1A\\u52A1\\u5E94\\u7528\\u6548\\u679C\",\n    mdxType: \"WithFigcaption\"\n  }, mdx(\"video\", {\n    controls: true,\n    autoPlay: true,\n    loop: true,\n    style: {\n      maxHeight: \"400px\",\n      maxWidth: \"100%\"\n    }\n  }, mdx(\"source\", {\n    src: \"https://fdb.ubug.io/storybook-videos/range-map.mp4\",\n    type: \"video/mp4\"\n  })))), mdx(\"h2\", null, \"\\u3007\\u3001\\u7F18\\u7531\"), mdx(\"p\", null, \"\\u623F\\u79DF\\u8FD8\\u6709\\u534A\\u4E2A\\u6708\\u5230\\u671F\\uFF0C\\u60F3\\u7740\\u53BB\\u627E\\u627E\\u623F\\u5B50\\u5427\\uFF0C\\u4F46\\u662F\\u53BB\\u54EA\\u627E\\uFF1F\\u642C\\u53BB\\u54EA\\u7684\\u95EE\\u9898\\u662F\\u4E2A\\u5927\\u95EE\\u9898\\uFF0C\\u5317\\u4EAC\\u57CE\\u5F88\\u5927\\uFF0C\\u623F\\u5B50\\u5F88\\u591A\\uFF0C\\u53EA\\u8981\\u59A5\\u534F\\u603B\\u80FD\\u627E\\u5230\\uFF0C\\u53EF\\u60DC\\u6211\\u8FD9\\u6B21\\u60F3\\u6709\\u66F4\\u591A\\u9009\\u62E9\\u3002\"), mdx(\"p\", null, \"\\u4E4B\\u524D\\u627E\\u623F\\u5B50\\u5C31\\u60F3\\u505A\\u4E86\\uFF0C\\u4F46\\u662F\\u6BCF\\u6B21\\u642C\\u5BB6\\u90FD\\u633A\\u610F\\u5916\\uFF0C\\u6CA1\\u65F6\\u95F4\\u63D0\\u524D\\u82B1\\u65F6\\u95F4\\u505A\\uFF0C\\u8FD9\\u6B21\\u603B\\u80FD\\u505A\\u4E86\\u70B9\\u6280\\u672F\\u65B9\\u5411\\u7684\\u4E1C\\u897F\\uFF0C\\u5E2E\\u52A9\\u81EA\\u5DF1\\u9009\\u4E00\\u4E2A\\u5408\\u9002\\u7684\\u5730\\u65B9\\u3002\"), mdx(\"h2\", null, \"\\u4E00\\u3001\\u539F\\u59CB\\u9700\\u6C42\"), mdx(\"p\", null, \"\\u4E00\\u822C\\u7684\\u65F6\\u5019\\uFF0C\\u627E\\u623F\\u5B50\\u7684\\u6D41\\u7A0B\\uFF1A\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u95EE\\u95EE\\u8EAB\\u8FB9\\u540C\\u4E8B\\u670B\\u53CB\\uFF0C\\u90FD\\u4F4F\\u5728\\u54EA\\u3002\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u53BB\\u90A3\\u4E9B\\u533A\\u57DF\\u641C\\u4E00\\u4E0B\\u770B\\u6709\\u6CA1\\u6709\\u5408\\u9002\\u7684\\u3002\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u6CA1\\u6709\\u5408\\u9002\\u7684\\u8BDD\\uFF0C\\u76F4\\u63A5\\u5728\\u79DF\\u623F\\u8F6F\\u4EF6\\u4E0A\\u6309\\u7167\\u901A\\u52E4\\u65F6\\u95F4\\u627E\\u623F\\u3002\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u611F\\u89C9\\u5DEE\\u4E0D\\u591A\\u67D0\\u4E2A\\u533A\\u57DF\\uFF0C\\u90A3\\u4E48\\u7EA6\\u770B\\u6216\\u8005\\u76F4\\u63A5\\u53BB\\u90A3\\u8FB9\\u627E\\u4E2D\\u4ECB\\u3002\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u4E2D\\u4ECB\\u7ED9\\u4F60\\u63A8\\u8350\\uFF0C\\u5E26\\u4F60\\u770B\\u623F\\uFF0C\\u4E00\\u822C\\u4E00\\u5929\\u770B\\u4E2A\\u4E09\\u4E94\\u5BB6\\uFF0C\\u770B\\u4E86\\u4E24\\u4E09\\u5929\\uFF0C\\u4F60\\u7684\\u5934\\u4E5F\\u5927\\u4E86\\u3002\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u5728\\u51E0\\u4E2A\\u4E0D\\u591A\\u7684\\u9009\\u62E9\\u91CC\\uFF0C\\u4EF7\\u683C VS \\u901A\\u52E4\\u3001\\u73AF\\u5883\\uFF0C\\u6311\\u9009\\u4E00\\u4E2A\\u8FD8\\u80FD\\u63A5\\u53D7\\u7684\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u7B7E\\u7EA6 + \\u642C\\u5BB6\"))), mdx(\"p\", null, \"\\u5982\\u679C\\u4F60\\u548C\\u4F60\\u5BF9\\u8C61\\u3001\\u7231\\u4EBA\\u3001\\u60C5\\u4FA3\\u3001\\u5BB6\\u4EBA\\u4E00\\u8D77\\u4F4F\\uFF0C\\u4E0D\\u5728\\u4E00\\u8D77\\u4E0A\\u73ED\\uFF0C\\u95EE\\u9898\\u53EF\\u80FD\\u5C31\\u6BD4\\u8F83\\u9EBB\\u70E6\\u4E86\\uFF0C\\u76EE\\u6807\\u533A\\u57DF\\u80FD\\u9009\\u7684\\u53EF\\u80FD\\u5C31\\u4E0D\\u591A\\u4E86\\uFF0C\\u6BD5\\u7ADF\\u5317\\u4EAC\\u5982\\u679C\\u4F4D\\u7F6E\\u9009\\u7684\\u4E0D\\u597D\\uFF0C\\u4E00\\u4E2A\\u5C0F\\u65F6\\u4EE5\\u4E0A\\u7684\\u901A\\u52E4\\u65F6\\u95F4\\u662F\\u975E\\u5E38\\u975E\\u5E38\\u6B63\\u5E38\\u7684\\u3002\"), mdx(\"p\", null, \"\\u8FD9\\u4E5F\\u662F\\u6211\\u505A\\u8FD9\\u4E2A\\u5DE5\\u5177\\u7684\\u539F\\u59CB\\u9700\\u6C42\\uFF0C\", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"\\u60F3\\u627E\\u4E00\\u4E2A\\u901A\\u52E4\\u65F6\\u95F4\\u7684\\u6700\\u4F18\\u89E3\"), \"\\u3002\"), mdx(\"h2\", null, \"\\u4E8C\\u3001\\u9700\\u6C42\\u5228\\u6790\"), mdx(\"h3\", null, \"1. \\u5F71\\u54CD\\u51B3\\u7B56\\u7684\\u56E0\\u7D20\"), mdx(\"p\", null, \"\\u4E24\\u4E2A\\u4EBA\\u7684\\u901A\\u52E4\\u65F6\\u95F4\\u4E00\\u5B9A\\u8981\\u4FDD\\u8BC1\\uFF0C\\u6BCF\\u5929\\u4E00\\u4E2A\\u591A\\u5C0F\\u65F6\\u7B80\\u76F4\\u6D6A\\u8D39\\u4EBA\\u751F\\u3002\\u5BF9\\u4E8E\\u60C5\\u4FA3\\u6765\\u8BF4\\uFF0C\\u72EC\\u536B\\u7B97\\u662F\\u4E00\\u4E2A\\u5F88\\u63D0\\u5347\\u5E78\\u798F\\u611F\\u7684\\u914D\\u7F6E\\uFF0C\\u5BF9\\u4E8E\\u793E\\u6050\\u7684\\u4EBA\\u66F4\\u751A\\u4E8E\\u6B64\\u3002\\u4EF7\\u683C\\uFF0C\\u5982\\u679C\\u4EF7\\u683C\\u4E0D\\u654F\\u611F\\u65E9\\u6574\\u79DF\\u4E86\\u3002\\u623F\\u95F4\\u5927\\u5C0F\\u3001\\u5165\\u4F4F\\u65F6\\u95F4\\u7B49\\u5F88\\u591A\\u9700\\u8981\\u8003\\u8651\\u7684\\u3002\"), mdx(\"p\", null, mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"\\u4EF7\\u683C\"), \" \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"\\u901A\\u52E4\"), \" \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"\\u9762\\u79EF\"), \" \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"\\u5165\\u4F4F\\u65F6\\u95F4\"), \" \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"\\u51E0\\u5C45\\u5BA4\"), \" \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"\\u72EC\\u536B\"), \" \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"\\u671D\\u5411\")), mdx(\"p\", null, \"\\u73B0\\u5728\\u627E\\u623F\\u5B50\\u7684\\u8BDD\\uFF0C\\u4EF7\\u683C\\u3001\\u9762\\u79EF\\u3001\\u5165\\u4F4F\\u65F6\\u95F4\\u3001\\u623F\\u95F4\\u6570\\u7B49\\u4E0D\\u662F\\u4F60\\u80FD\\u63A7\\u5236\\u7684\\uFF0C\\u53EA\\u80FD\\u6839\\u636E\\u73B0\\u6709\\u7684\\u8D44\\u6E90\\u7B5B\\u9009\\uFF0C\\u4F46\\u662F\", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"\\u901A\\u52E4\\u65F6\\u95F4\"), \"\\u8FD9\\u4E2A\\u56E0\\u7D20\\u6709\\u70B9\\u7279\\u522B\\uFF0C\\u73B0\\u5728\\u51E0\\u4E4E\\u6BCF\\u4E2A\\u5C0F\\u533A\\u90FD\\u6709\\u4E2D\\u4ECB\\uFF0C\\u4F60\\u4E0D\\u592A\\u5BB9\\u6613\\u627E\\u4E00\\u4E2A\\u4E2D\\u4ECB\\u5E2E\\u4F60\\u63A8\\u8350\\u6574\\u4E2A\\u57CE\\u5E02\\u54EA\\u5757\\u901A\\u52E4\\u6BD4\\u8F83\\u597D\\uFF0C\\u8FD9\\u4E2A\\u9700\\u8981\\u4F60\\u81EA\\u5DF1\\u5B9A\\u3002\"), mdx(\"p\", null, \"\\u4E5F\\u5C31\\u662F\\u7B2C\\u4E00\\u6B65\\u5C31\\u662F\\u9009\\u62E9\\u533A\\u57DF\\uFF0C\\u9009\\u5B9A\\u4E86\\u4E4B\\u540E\\u540E\\u9762\\u7684\\u56E0\\u7D20\\u5176\\u5B9E\\u90FD\\u597D\\u8BF4\\u3002\"), mdx(\"h3\", null, \"2. \\u901A\\u52E4\\u65F6\\u95F4\\u89C4\\u5212\\u7684\\u53EF\\u884C\\u6027\"), mdx(\"p\", null, \"\\u8FD9\\u662F\\u6211\\u6700\\u5173\\u5FC3\\u7684\\u56E0\\u7D20\\uFF0C\\u901A\\u52E4\\u4E0D\\u4EC5\\u662F\\u65F6\\u95F4\\u7684\\u95EE\\u9898\\uFF0C\\u91CC\\u9762\\u8FD8\\u8981\\u8003\\u8651\\u5230\\u6362\\u4E58\\u6B21\\u6570\\u3001\\u6362\\u4E58\\u7AD9\\u4EBA\\u6D41\\u91CF\\u3001\\u6B65\\u884C\\u8DDD\\u79BB\\u3001\\u516C\\u4EA4\\u8FD8\\u662F\\u5730\\u94C1\\u7B49\\u5F88\\u591A\\u56E0\\u7D20\\u3002\"), mdx(\"p\", null, \"\\u901A\\u52E4\\u65F6\\u95F4\\u5404\\u4E2A\\u5730\\u56FE\\u8F6F\\u4EF6\\u5DF2\\u7ECF\\u628A ETA \\uFF08\\u9884\\u8BA1\\u5230\\u8FBE\\u65F6\\u95F4\\uFF09\\u529F\\u80FD\\u505A\\u7684\\u90A3\\u4E48\\u597D\\u4E86\\uFF0C\\u4F46\\u662F\\u57CE\\u5E02\\u90A3\\u4E48\\u5927\\uFF0C\\u4E00\\u4E2A\\u5C0F\\u533A\\u91CC\\u9762\\uFF0C\\u7A0D\\u5FAE\\u9760\\u6DF1\\u5904\\u7684\\u5355\\u5143\\u697C\\u6BD4\\u9760\\u95E8\\u53E3\\u7684\\u90FD\\u80FD\\u5DEE10\\u5206\\u949F\\u5462\\u3002\\u66F4\\u4F55\\u51B5\\u4F60\\u9700\\u8981\\u8003\\u8651\\u7684\\u662F\\u591A\\u4EBA\\u7684\\u901A\\u52E4\\u65F6\\u95F4\\uFF0C\\u4E0D\\u53EF\\u80FD\\u628A\\u6574\\u4E2A\\u57CE\\u5E02\\u7684\\u6BCF\\u4E2A\\u70B9\\u90FD\\u8BA1\\u7B97\\u4E00\\u4E0B\\u5230\\u4E24\\u4E2A\\u4EBA\\u5DE5\\u4F5C\\u5730\\u7684\\u901A\\u52E4\\u8DEF\\u7EBF\\u548C\\u65F6\\u95F4\\u3002\"), mdx(\"p\", null, \"\\u521D\\u6B65\\u60F3\\u6CD5\\u662F\\u628A\\u6574\\u4E2A\\u5730\\u56FE\\u5212\\u5206\\u4E3A\\u4E0D\\u540C\\u7684 segment\\uFF0C\\u5C31\\u50CF\\u662F\\u56FE\\u5F62\\u6E32\\u67D3\\u91CC\\u9762\\u7684\\u9876\\u70B9\\u4E2A\\u6570\\uFF0C\\u628A\\u5730\\u56FE\\u5207\\u5206\\u6210\\u7F51\\u72B6\\uFF0C\\u6BCF\\u4E2A\\u4EA4\\u70B9\\u8BA1\\u7B97\\u901A\\u52E4\\u65F6\\u95F4\\u548C\\u6362\\u4E58\\u6B21\\u6570\\uFF0C\\u4F9B\\u6211\\u4EEC\\u53C2\\u8003\\uFF0C\\u8003\\u8651\\u5230\\u8BA1\\u7B97\\u91CF\\u4F1A\\u5F88\\u591A\\uFF0C\\u8FD9\\u662F\\u6700\\u9760\\u5E95\\u7684\\u515C\\u5E95\\u65B9\\u6848\\u4E00\\u3002\"), mdx(\"h3\", null, \"3. \\u6570\\u636E\\u6E90\\u4ECE\\u54EA\\u6765\"), mdx(\"p\", null, \"\\u5730\\u56FE\\u9009\\u623F\\u7684\\u529F\\u80FD\\u5F88\\u5B8C\\u5584\\uFF0C\\u81EA\\u5DF1\\u5728\\u7528\\u76F8\\u5BD3\\u7684\\u529F\\u80FD\\u65F6\\uFF0C\\u5927\\u6982\\u770B\\u4E86\\u4E0B\\u8BF7\\u6C42\\uFF0C\\u81EA\\u5DF1\\u5C1D\\u8BD5\\u6293\\u53D6\\u5230\\u4E86\\u4E00\\u4E2A\\u76F8\\u5BD3\\u7684\\u63A5\\u53E3\\uFF0C\\u80FD\\u591F\\u6839\\u636E\\u533A\\u57DF\\u83B7\\u53D6\\u5230 project \\u5217\\u8868\\uFF0C\\u6211\\u8FD9\\u8FB9\\u7406\\u89E3\\u6210\\u5C0F\\u533A\\uFF0C\\u603B\\u5171\\u4E09\\u5343\\u591A\\u5427\\uFF0C\\u56E0\\u4E3A\\u53EF\\u80FD\\u662F\\u5B9E\\u65F6\\u7684\\u3001\\u800C\\u4E14\\u6839\\u636E\\u5730\\u7406\\u5750\\u6807\\u6216\\u8005\\u8FC7\\u6EE4\\u4EC0\\u4E48\\u6570\\u636E\\u8FD4\\u56DE\\uFF0C\\u6570\\u636E\\u4E0D\\u4E00\\u5B9A\\u662F\\u5B8C\\u6574\\u7684\\uFF0C\\u4E0D\\u8FC7\\u62FF\\u5230\\u5730\\u56FE\\u4E0A\\u770B\\u4E86\\u4E0B\\uFF0C\\u611F\\u89C9\\u8DB3\\u591F\\u6211\\u505A\\u4E00\\u4E9B\\u5B9A\\u91CF\\u5206\\u6790\\u4E86\\u3002\"), mdx(\"p\", null, \"\\u8FD9\\u4E2A\\u6570\\u636E\\u53EA\\u6709\\u5C0F\\u533A\\u7684\\u5750\\u6807\\u548C\\u540D\\u79F0\\uFF0C\\u6CA1\\u6709\\u5177\\u4F53\\u7684\\u623F\\u6E90\\u5217\\u8868\\uFF0C\\u53C8\\u5C1D\\u8BD5\\u6293\\u53D6\\u4E86\\u53E6\\u4E00\\u4E2A\\u63A5\\u53E3\\uFF0C\\u653E\\u5230\\u5FAA\\u73AF\\u91CC\\uFF0C\\u7528\\u4E00\\u4E0B\\u5348\\u904D\\u5386\\u53D6\\u5230\\u5C0F\\u533A\\u7684\\u5177\\u4F53\\u623F\\u6E90\\u5217\\u8868\\uFF0C\\u4ECE\\u800C\\u62FF\\u5230\\u76F8\\u5BF9\\u80FD\\u591F\\u5206\\u6790\\u7684\\u623F\\u6E90\\u3002\\uFF08\\u904D\\u5386\\u7684\\u65F6\\u5019\\u53BB\\u9664\\u4E86\\u5F88\\u591A\\u660E\\u663E\\u4E0D\\u7B26\\u7684\\u5173\\u952E\\u8BCD\\uFF0C\\u6BD4\\u5982\\u5929\\u901A\\u82D1\\u5B57\\u6837\\u7684\\u5C0F\\u533A\\uFF0C\\u79BB\\u7684\\u5F88\\u8FDC\\uFF0C\\u4F46\\u662F\\u5305\\u542B\\u4E0A\\u767E\\u4E2A\\u623F\\u6E90\\uFF0C\\u6CA1\\u5FC5\\u8981\\u67E5\\uFF09\"), mdx(\"p\", null, \"\\u6700\\u540E\\u5904\\u7406\\u5B8C\\u62FF\\u5230\\u4E00\\u4E2A 20MB \\u7684 JSON \\u6587\\u4EF6\\uFF0C\\u5305\\u542B\\u4E86\\u4E0A\\u4E07\\u6761\\u623F\\u6E90\\u4FE1\\u606F\\u7684\\u6570\\u636E\\u3002\"), mdx(\"blockquote\", null, mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, \"\\u8FD9\\u90E8\\u5206\\u7684\\u6570\\u636E\\u6CA1\\u6709\\u628A\\u6293\\u53D6\\u4EE3\\u7801\\u5206\\u4EAB\\uFF0C\\u66F4\\u662F\\u5728\\u6293\\u53D6\\u7684\\u65F6\\u5019\\u8BBE\\u7F6E\\u4E86\\u5F88\\u957F\\u7684\\u968F\\u673A\\u95F4\\u9694\\uFF0C\\u6CA1\\u6709\\u9891\\u7E41\\u77ED\\u65F6\\u95F4\\u5185\\u6293\\u53D6\\u5F71\\u54CD\\u4ED6\\u4EEC\\u7684\\u670D\\u52A1\\u3002\")), mdx(\"h2\", null, \"\\u4E09\\u3001\\u5173\\u952E\\u529F\\u80FD\\u70B9\"), mdx(\"p\", null, \"\\u6240\\u4EE5\\u89E3\\u51B3\\u65B9\\u6CD5\\uFF1A\"), mdx(\"p\", null, \"\\u4E00\\u4E2A\\u80FD\\u591F\\u76F4\\u63A5\\u5730\\u56FE\\u9009\\u70B9\\u5C31\\u80FD\\u8BA1\\u7B97\\u51FA\\u8DDD\\u79BB\\u4E24\\u4E2A\\u4EBA\\u901A\\u52E4\\u65F6\\u95F4\\u7684\\u5DE5\\u5177\"), mdx(\"p\", null, \"\\u5728\\u5730\\u56FE\\u4E0A\\u663E\\u793A\\u8DDD\\u79BB\\u6211\\u4EEC\\u5355\\u4F4D\\u4E00\\u5B9A\\u901A\\u52E4\\u65F6\\u95F4\\u7684\\u533A\\u57DF\\u6709\\u54EA\\u4E9B\\uFF0C\\u91CD\\u5408\\u7684\\u90A3\\u4E9B\\u533A\\u57DF\\u662F\\u6211\\u4EEC\\u53EF\\u4EE5\\u8003\\u8651\\u7684\"), mdx(\"p\", null, \"\\u5728\\u5730\\u56FE\\u4E0A\\u663E\\u793A\\u5404\\u4E2A\\u623F\\u79DF\\u4EF7\\u683C\\u8303\\u56F4\\uFF0C\\u628A\\u90A3\\u4E9B\\u4EF7\\u683C\\u660E\\u663E\\u4E0D\\u80FD\\u63A5\\u53D7\\u7684\\u533A\\u57DF\\u6392\\u9664\\u6389\"), mdx(\"p\", null, \"\\u6700\\u540E\\u83B7\\u53D6\\u5230\\u6574\\u4E2A\\u57CE\\u5E02\\u54EA\\u4E9B\\u533A\\u57DF\\u662F\\u6211\\u4EEC\\u80FD\\u591F\\u8003\\u8651\\u7684\\uFF0C\\u77E5\\u9053\\u4EF7\\u683C\\u3001\\u5927\\u5C0F\\u7B49\\u57FA\\u672C\\u6982\\u5FF5\"), mdx(\"p\", null, \"\\u8FC7\\u6EE4\\u623F\\u6E90\\uFF1A\"), mdx(\"p\", null, \"\\u5BF9\\u623F\\u6E90\\u7684\\u8981\\u6C42\\u6700\\u7B80\\u5355\\u7684\\u662F\\u623F\\u79DF\\u3001\\u5927\\u5C0F\\u3001\\u72EC\\u536B\\u91CC\\u9762\\u90FD\\u80FD\\u62FF\\u5230\\u8FD9\\u4E2A\\u6570\\u636E\\uFF0C\\u5176\\u4E2D\\u72EC\\u536B\\u867D\\u7136\\u4F5C\\u4E3A\\u6807\\u7B7E\\uFF0C\\u4F46\\u662F\\u6211\\u60F3\\u8FD9\\u4E2A\\u4E00\\u4E2A\\u80FD\\u591F\\u62C9\\u5F00\\u623F\\u79DF\\u5DEE\\u8DDD\\u7684\\u70B9\\u4E0D\\u53EF\\u80FD\\u4E0D\\u5199\\u660E\\uFF0C\\u6240\\u4EE5\\u8BA4\\u4E3A\\u5305\\u542B\\u8FD9\\u4E2A\\u6587\\u5B57\\u7684\\u90FD\\u662F\\u7B26\\u5408\\u8981\\u6C42\\u7684\\u3002\"), mdx(\"p\", null, \"\\u8FD9\\u4E2D\\u95F4\\u83B7\\u53D6\\u5230\\u4E00\\u4E2A\\u5305\\u542B\\u7B26\\u5408\\u8981\\u6C42\\u623F\\u6E90\\u7684\\u5C0F\\u533A\\u5217\\u8868\\uFF0C\\u51E0\\u767E\\u4E2A\\u7684\\u6837\\u5B50\\u3002\"), mdx(\"p\", null, \"\\u901A\\u52E4\\u65F6\\u95F4\\uFF1A\"), mdx(\"p\", null, \"\\u8FD9\\u4E2A\\u5206\\u4E3A\\u4E24\\u90E8\\u5206\\uFF0C\\u4E4B\\u524D\\u5728\\u5730\\u56FE\\u4E0A\\u80FD\\u591F\\u4EFB\\u610F\\u9009\\u53D6\\u591A\\u4E2A\\u70B9\\uFF0C\\u7136\\u540E\\u6839\\u636E\\u901A\\u52E4\\u65F6\\u95F4\\u5212\\u51FA\\u57CE\\u5E02\\u54EA\\u4E9B\\u533A\\u57DF\\u7B26\\u5408\\u8981\\u6C42\\uFF0C\\u8FD9\\u4E2A\\u9AD8\\u7684\\u63D0\\u4F9B\\u4E86\\u4E00\\u4E2A\\u65B9\\u6CD5\\uFF0C\\u5F88 nice\\u3002\"), mdx(\"p\", null, \"\\u5176\\u4E8C\\u662F\\u5BF9\\u8FC7\\u6EE4\\u51FA\\u6765\\u7684\\u623F\\u6E90\\uFF0C\\u6DFB\\u52A0\\u4E0A\\u901A\\u52E4\\u4FE1\\u606F\\uFF0C\\u8FD9\\u4E2A\\u9700\\u8981\\u4E00\\u4E2A\\u4E2A\\u7684\\u67E5\\u8BE2\\u901A\\u52E4\\u65F6\\u95F4\\uFF0C\\u597D\\u5728\\u8FC7\\u6EE4\\u51FA\\u6765\\u7684\\u70B9\\u4E0D\\u7B97\\u591A\\uFF0C\\u5728\\u6BCF\\u65E5\\u8BF7\\u6C42\\u9650\\u5236\\u5185\\u3002\"), mdx(\"p\", null, \"\\u6700\\u540E\\u5F97\\u5230\\u4E00\\u4E2A csv \\u8868\\u683C\\uFF0C\\u91CC\\u9762\\u8BB0\\u5F55\\u4E86\\u7B26\\u5408\\u8981\\u6C42\\u7684\\u6BCF\\u4E2A\\u623F\\u5B50\\uFF0C\\u5305\\u62EC\\u901A\\u52E4\\u65F6\\u95F4\\u3002\"), mdx(\"p\", null, \"\\u7B80\\u5355\\u6392\\u5E8F\\u3001\\u8FC7\\u6EE4\\u6700\\u540E\\u7684\\u51FA\\u6765\\u7684\\u51E0\\u5341\\u5957\\u623F\\u79DF\\u5C31\\u662F\\u5B8C\\u5168\\u7B26\\u5408\\u8981\\u6C42\\u7684\\u5730\\u65B9\\u4E86\\u3002\\u5927\\u6982\\u5212\\u5206\\u51E0\\u4E2A\\u533A\\u57DF\\uFF0C\\u8054\\u7CFB\\u5BF9\\u5E94\\u5730\\u65B9\\u7684\\u4E2D\\u4ECB\\uFF0C\\u5E26\\u4F60\\u53BB\\u770B\\u4F60\\u76F8\\u4E2D\\u7684\\u623F\\u5B50\\uFF0C\\u751A\\u81F3\\u90A3\\u4E2A\\u9644\\u8FD1\\u7684\\u623F\\u6E90\\u4E5F\\u5DEE\\u4E0D\\u591A\\u80FD\\u591F\\u6EE1\\u8DB3\\u8981\\u6C42\\u4E86~~\"));\n}\n;\nMDXContent.isMDXComponent = true;"}},"pageContext":{"isCreatedByStatefulCreatePages":false,"id":"db2ff414-2b81-5500-9dd8-fe0b104507e7","prev":{"fileAbsolutePath":"D:/ubug/storybook/content/blog/fallback/fallback.md","id":"e7faa624-9431-587e-b5b2-ada6090e59f2","parent":{"name":"fallback","sourceInstanceName":"blog"},"excerpt":"想分享的是对于网络层可用性的一些常见端侧优化案~~ 明天和意外哪个先来临？ 没有人能说自己手中的项目能够万无一失，没人能保证千万分之一的错误率，不能被你遇到，程序崩溃，服务瘫痪的例子已经不算是新闻了，一个大型项目的上线，怎么才能保证健壮和稳定呢？ 从源头考虑，比较基础的有代码规范、强类型限制、MergeRequest…","fields":{"title":"🪂 兜底和容灾","slug":"/blog/fallback","description":"周末你和爱人吃着饭，突然一个电话过来，平台突然无法访问，数万活跃用户受到影响，你匆忙赶到公司，发现除了发版无法解决，最后紧急提交但是还是等到下周一才彻底解决，复盘发现大量用户流失。最后结论是：意外总是突如其来，你准备的越充分越能抗住","date":"2021-06-18","redirects":null,"datetime":"2021-06-18 18:13:35","categories":["code"],"series":null,"tags":["兜底和容灾"],"status":"online"},"frontmatter":{"published":null,"tags":["兜底和容灾"],"theme":null,"slug":"fallback","date":"2021-06-18 18:13:35"},"body":"const _excluded = [\"components\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\n/* @jsx mdx */\n\nconst _frontmatter = {\n  \"slug\": \"fallback\",\n  \"title\": \"🪂 兜底和容灾\",\n  \"date\": \"2021-06-18 18:13:35\",\n  \"author\": \"Ubug\",\n  \"description\": \"周末你和爱人吃着饭，突然一个电话过来，平台突然无法访问，数万活跃用户受到影响，你匆忙赶到公司，发现除了发版无法解决，最后紧急提交但是还是等到下周一才彻底解决，复盘发现大量用户流失。最后结论是：意外总是突如其来，你准备的越充分越能抗住\",\n  \"categories\": [\"code\"],\n  \"tags\": [\"兜底和容灾\"],\n  \"banner_icon\": \"😂\",\n  \"banner\": \"./banner.jpg\"\n};\nconst makeShortcode = name => function MDXDefaultShortcode(props) {\n  console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n  return mdx(\"div\", props);\n};\nconst layoutProps = {\n  _frontmatter\n};\nconst MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  let {\n      components\n    } = _ref,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"hr\", null), mdx(\"blockquote\", null, mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, \"\\u60F3\\u5206\\u4EAB\\u7684\\u662F\\u5BF9\\u4E8E\\u7F51\\u7EDC\\u5C42\\u53EF\\u7528\\u6027\\u7684\\u4E00\\u4E9B\\u5E38\\u89C1\\u7AEF\\u4FA7\\u4F18\\u5316\\u6848~~\")), mdx(\"hr\", null), mdx(\"p\", null, \"\\u660E\\u5929\\u548C\\u610F\\u5916\\u54EA\\u4E2A\\u5148\\u6765\\u4E34\\uFF1F\"), mdx(\"p\", null, \"\\u6CA1\\u6709\\u4EBA\\u80FD\\u8BF4\\u81EA\\u5DF1\\u624B\\u4E2D\\u7684\\u9879\\u76EE\\u80FD\\u591F\\u4E07\\u65E0\\u4E00\\u5931\\uFF0C\\u6CA1\\u4EBA\\u80FD\\u4FDD\\u8BC1\\u5343\\u4E07\\u5206\\u4E4B\\u4E00\\u7684\\u9519\\u8BEF\\u7387\\uFF0C\\u4E0D\\u80FD\\u88AB\\u4F60\\u9047\\u5230\\uFF0C\\u7A0B\\u5E8F\\u5D29\\u6E83\\uFF0C\\u670D\\u52A1\\u762B\\u75EA\\u7684\\u4F8B\\u5B50\\u5DF2\\u7ECF\\u4E0D\\u7B97\\u662F\\u65B0\\u95FB\\u4E86\\uFF0C\\u4E00\\u4E2A\\u5927\\u578B\\u9879\\u76EE\\u7684\\u4E0A\\u7EBF\\uFF0C\\u600E\\u4E48\\u624D\\u80FD\\u4FDD\\u8BC1\\u5065\\u58EE\\u548C\\u7A33\\u5B9A\\u5462\\uFF1F\"), mdx(\"p\", null, \"\\u4ECE\\u6E90\\u5934\\u8003\\u8651\\uFF0C\\u6BD4\\u8F83\\u57FA\\u7840\\u7684\\u6709\\u4EE3\\u7801\\u89C4\\u8303\\u3001\\u5F3A\\u7C7B\\u578B\\u9650\\u5236\\u3001MergeRequest\\u3001\\u4EE3\\u7801\\u9759\\u6001\\u68C0\\u67E5\\u7B49\\u7B49\\uFF0C\\u80FD\\u591F\\u907F\\u514D\\u4E00\\u5F00\\u59CB\\u7684\\u7F16\\u7801\\u95EE\\u9898\\uFF0C\\u8FD9\\u91CC\\u4E0D\\u591A\\u8BF4\\uFF0C\\u56E0\\u4E3A\\u4F60\\u8DB3\\u591F\\u5C0F\\u5FC3\\u5C31\\u4E0D\\u4F1A\\u8BA9\\u610F\\u5916\\u51FA\\u73B0\\u5728\\u7528\\u6237\\u624B\\u4E2D\\u3002\"), mdx(\"p\", null, \"\\u54EA\\u6015\\u518D\\u5C0F\\u5FC3\\uFF0C\\u5F88\\u591A\\u610F\\u5916\\u4E5F\\u662F\\u6CA1\\u529E\\u6CD5\\u89E3\\u51B3\\uFF0C\\u6D89\\u53CA\\u5230\\u5F88\\u91CD\\u8981\\u7684\\u4F53\\u9A8C\\u95EE\\u9898\\uFF0C\\u8FD8\\u662F\\u9700\\u8981\\u4F60\\u51C6\\u5907\\u4E00\\u5957 PLAN B \\u7684\\u3002\"), mdx(\"h3\", null, \"\\u3007\\u3001\\u8BF4\\u5728\\u524D\\u9762\"), mdx(\"p\", null, \"\\u5BF9\\u4E8E\\u53EF\\u7528\\u7684\\u515C\\u5E95\\u5904\\u7406\\uFF0C\\u57FA\\u672C\\u4E0A\\u4F1A\\u51FA\\u73B0\\u4E24\\u4E2A\\u6781\\u7AEF\\uFF1A\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u51E0\\u4E4E\\u4E0D\\u8003\\u8651\\u515C\\u5E95\\uFF0C\\u53EA\\u8981\\u5B8C\\u6210\\u4EFB\\u52A1\\u5373\\u53EF\\u3002\\u7ED3\\u679C\\u4F53\\u9A8C\\u95EE\\u9898\\u7684\\u53CD\\u9988\\u5F88\\u591A\\uFF0C\\u4E00\\u70B9\\u70B9\\u627E\\u8865\\u3002\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u592A\\u8003\\u8651\\u515C\\u5E95\\uFF0C\\u591A\\u7EA7\\u7F13\\u5B58\\uFF0C\\u591A\\u5C42\\u590D\\u7528\\uFF0C\\u5BFC\\u81F4\\u6280\\u672F\\u67B6\\u6784\\u590D\\u6742\\uFF0C\\u7EF4\\u62A4\\u56F0\\u96BE\\u3002\")), mdx(\"p\", null, \"\\u5E76\\u6CA1\\u6709\\u8BF4\\u54EA\\u4E2A\\u4E0D\\u597D\\uFF0C\\u95EE\\u9898\\u7684\\u5173\\u952E\\u5C31\\u662F\\u600E\\u4E48\\u628A\\u63E1\\u8FD9\\u4E2A\\u5EA6\\u3002\\u5927\\u6D41\\u91CF\\u7684\\u4E1A\\u52A1\\uFF0C\\u515C\\u5E95\\u5FC5\\u987B\\u505A\\u8DB3\\uFF0C\\u5C0F\\u6D41\\u91CF\\u7684\\u4E1A\\u52A1\\uFF0C\\u53EF\\u80FD\\u8FD8\\u6CA1\\u6765\\u5F97\\u53CA\\u601D\\u8003\\u5C31\\u4E0B\\u7EBF\\u4E86\\u3002\"), mdx(\"h2\", null, \"\\u4E00\\u3001\\u7F51\\u7EDC\\u95EE\\u9898\\u7684\\u515C\\u5E95\"), mdx(\"p\", null, \"\\u6BD4\\u5982\\u7528\\u6237\\u62C9\\u53D6\\u9996\\u9875\\u6570\\u636E\\uFF0C\\u7F51\\u7EDC\\u9AD8\\u5CF0\\u671F\\uFF0C\\u5BFC\\u81F4\\u8BF7\\u6C42\\u54CD\\u5E94\\u8D85\\u65F6\\u6216\\u8005\\u9519\\u8BEF\\uFF0C\\u600E\\u4E48\\u5904\\u7406\\uFF1F\\u7C7B\\u4F3C\\u8FD9\\u79CD\\u60C5\\u5F62\\u90FD\\u662F\\u4E0E\\u4E1A\\u52A1\\u65E0\\u5173\\uFF0C\\u4F46\\u662F\\u4ECD\\u7136\\u9700\\u8981\\u5BA2\\u6237\\u7AEF\\u989D\\u5916\\u5904\\u7406\\u3002\"), mdx(\"p\", null, \"\\u6BD4\\u5982\\u670D\\u52A1\\u5668\\u6CA1\\u6709\\u505A\\u5206\\u5E03\\u5F0F\\uFF0C\\u504F\\u8FDC\\u5730\\u533A\\u3001\\u670D\\u52A1\\u5668\\u5B95\\u673A\\u6216\\u8005\\u89E3\\u6790\\u6CE2\\u52A8\\u5BFC\\u81F4\\u7F51\\u7EDC\\u5F88\\u5BB9\\u6613\\u8D85\\u65F6\\uFF0C\\u4E0D\\u53EF\\u80FD\\u4E00\\u81F4 Loading \\u4E0B\\u53BB\\uFF0C\\u4E43\\u81F3 try catch \\u5230\\uFF0C\\u5BFC\\u81F4\\u6CA1\\u6709\\u6570\\u636E\\u586B\\u5145\\uFF0C\\u754C\\u9762\\u767D\\u5C4F\\u3002\"), mdx(\"p\", null, \"\\u6709\\u4E9B\\u5F00\\u53D1\\u4ECE\\u81EA\\u8EAB\\u8FD9\\u5757\\u7684\\u5904\\u7406\\u591A\\u601D\\u8003\\u4E86\\u4E00\\u4E9B\\uFF0C\\u4F1A\\u5C06\\u9519\\u8BEF\\u663E\\u793A\\u51FA\\u6765\\uFF0C\\u4F46\\u662F\\u76F4\\u767D\\u7684\\u5C06\\u7F51\\u7EDC\\u72B6\\u6001\\u6216\\u8005\\u9519\\u8BEF\\u7801\\u5448\\u73B0\\u7ED9\\u7528\\u6237\\uFF0C401\\u3001504\\u7B49\\u7B49\\u9519\\u8BEF\\u7801\\uFF0C\\u4F46\\u662F\\u7528\\u6237\\u4ECD\\u7136\\u4E00\\u8138\\u61F5\\u3002\"), mdx(\"p\", null, \"\\u6CBB\\u672C\\u7684\\u89E3\\u51B3\\u65B9\\u6848\\u662F\\u589E\\u52A0\\u670D\\u52A1\\u80FD\\u529B\\uFF0C\\u964D\\u4F4E\\u7F51\\u7EDC\\u6CE2\\u52A8\\u7684\\u6982\\u7387\\uFF0C\\u4E0D\\u8FC7\\u8FD9\\u91CC\\u6211\\u4EEC\\u8BA8\\u8BBA\\u7684\\u66F4\\u591A\\u662F\\u7B56\\u7565\\u4E0A\\u600E\\u4E48\\u4F18\\u5316\\u8FD9\\u4E2A\\u4F53\\u9A8C:\"), mdx(\"p\", null, \"\\u4EE5\\u4E0B\\u7684\\u65B9\\u6CD5\\u4EC5\\u8BA8\\u8BBA\\u7AEF\\u4FA7\\u7F51\\u7EDC\\u7684\\u65B9\\u6848\\uFF0C\\u57FA\\u672C\\u4E0A\\u90FD\\u662F\\u5C01\\u88C5\\u5230\\u7F51\\u7EDC\\u5C42\\u7684\\u5B9E\\u73B0\\u3002\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u81EA\\u52A8\\u91CD\\u8BD5\"), mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u6839\\u636E\\u6211\\u4EEC\\u7684\\u4E1A\\u52A1\\u5B9E\\u8DF5\\u4E2D\\uFF0C\\u5927\\u90E8\\u5206\\u90FD\\u662F\\u7F51\\u7EDC\\u9519\\u8BEF\\u95EE\\u9898\\uFF0C\\u5BFC\\u81F4\\u754C\\u9762\\u5F02\\u5E38\\u6216\\u8005\\u5D29\\u6E83\\uFF0C\\u8FD9\\u5176\\u4E2D\\u5927\\u90E8\\u5206\\u80FD\\u591F\\u4F7F\\u7528\\u4E8C\\u6B21\\u91CD\\u8BD5\\u89E3\\u51B3\\u95EE\\u9898\\u3002\"), mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u867D\\u7136\\u8FD9\\u4E2A\\u91CD\\u8BD5\\u4F4E\\u6210\\u672C\\uFF0C\\u4F46\\u662F\\u5C24\\u5176\\u9700\\u8981\\u6CE8\\u610F\\u4ED6\\u7684\\u5B9E\\u73B0\\u903B\\u8F91\\uFF0C\\u4E25\\u683C\\u6392\\u9664\\u90A3\\u4E9B\\u4E0D\\u80FD\\u91CD\\u8BD5\\u7684\\u4E1A\\u52A1\\uFF0C\\u591A\\u6B21\\u91CD\\u8BD5\\u4E00\\u5B9A\\u8981\\u63A7\\u5236\\u6B21\\u6570\\uFF0C\\u907F\\u514D\\u5FAA\\u73AF\\u91CD\\u8BD5\\u7ED9\\u81EA\\u5DF1\\u7684\\u670D\\u52A1\\u5668\\u6765\\u4E00\\u6B21 DDoS \\u653B\\u51FB\\u3002\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u81EA\\u52A8\\u4FEE\\u590D\"), mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u5728\\u76F8\\u5BF9\\u5E95\\u5C42\\u7684\\u5730\\u65B9\\u5C01\\u88C5\\u4E00\\u4E9B\\u9519\\u8BEF\\u68C0\\u6D4B\\u548C\\u4FEE\\u590D\\u65B9\\u6CD5\\uFF0C\\u5BF9\\u4E8E\\u6BD4\\u5982\\u7F51\\u7EDC\\u52AB\\u6301\\u3001\\u4EE3\\u7406\\u3001\\u8BC1\\u4E66\\u95EE\\u9898\\u7B49\\uFF0C\\u63D0\\u4F9B\\u68C0\\u6D4B\\u3001\\u63D0\\u793A\\u548C\\u4FEE\\u590D\\u7684\\u80FD\\u529B\\u3002\"), mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u51FA\\u73B0\\u7F51\\u7EDC\\u52AB\\u6301\\u5C31\\u5347\\u7EA7 https\\uFF0C\\u5347\\u7EA7 https \\u4E4B\\u540E\\u51FA\\u73B0\\u8BC1\\u4E66\\u95EE\\u9898\\uFF0C\\u8BC1\\u4E66\\u6821\\u9A8C\\u8FD8\\u53EF\\u80FD\\u4F1A\\u6709\\u7F51\\u7EDC\\u95EE\\u9898\\uFF0C\\u8FD9\\u91CC\\u9762\\u5F88\\u591A\\u60F3\\u4E0D\\u5230\\u7684\\u5F02\\u5E38\\u9700\\u8981\\u6536\\u96C6\\u548C\\u89E3\\u51B3\\u3002\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u8D1F\\u8F7D\\u5747\\u8861\\u548C\\u81EA\\u52A8\\u6545\\u969C\\u8F6C\\u79FB\"), mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u5206\\u5E03\\u5F0F\\u67B6\\u6784\\u3001\\u591A\\u670D\\u52A1\\u4E2D\\u5FC3\\u3001\\u5C31\\u8FD1\\u670D\\u52A1\\u7B49\\uFF0C\\u670D\\u52A1\\u7AEF\\u6709\\u5F88\\u591A\\u7684\\u7B56\\u7565\\u8BA9\\u7AEF\\u4FA7\\u7684\\u6027\\u80FD\\u6709\\u66F4\\u597D\\u7684\\u7A33\\u5B9A\\u6027\\u3002\"), mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u4F46\\u662F\\u5728\\u7AEF\\u4FA7\\u4E5F\\u53EF\\u4EE5\\u4E3B\\u52A8\\u505A\\u4E00\\u4E9B\\u4F53\\u9A8C\\u4F18\\u5316\\uFF0C\\u6BD4\\u5982\\u5B9A\\u65F6\\u5411\\u591A\\u4E2A\\u670D\\u52A1\\u4E2D\\u5FC3\\u6D4B\\u8BD5\\u7F51\\u7EDC\\u60C5\\u51B5\\uFF0C\\u6839\\u636E\\u521D\\u59CB\\u6D4B\\u91CF\\u7ED3\\u679C\\u6765\\u51B3\\u7B56\\u4E3B\\u5907\\u7F51\\u5173\\u3002\"), mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u670D\\u52A1\\u7AEF\\u7684\\u7B56\\u7565\\u66F4\\u591A\\u662F\\u9488\\u5BF9\\u5730\\u533A\\u6027\\u7684\\u6027\\u80FD\\u4F18\\u5316\\uFF0C\\u4F46\\u662F\\u5BF9\\u4E8E\\u7AEF\\u4FA7\\u6765\\u8BF4\\u5E76\\u4E0D\\u4E00\\u5B9A\\u662F\\u6700\\u4F18\\u7684\\u7F51\\u5173\\u8DF3\\u8F6C\\u3002\\u4ECE\\u7AEF\\u4FA7\\u6765\\u505A\\u65B9\\u6848\\uFF0C\\u53EF\\u4EE5\\u76F8\\u5BF9\\u4E2A\\u6027\\u5316\\u7684\\u4F18\\u5316\\u7F51\\u7EDC\\u65B9\\u6848\\u3002\"), mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u4F46\\u662F\\u7AEF\\u4FA7\\u7B56\\u7565\\u53EF\\u80FD\\u4F1A\\u65E0\\u6CD5\\u5E73\\u8861\\u8D1F\\u8F7D\\uFF0C\\u53EF\\u80FD\\u5BFC\\u81F4\\u670D\\u52A1\\u5668\\u7684\\u8D1F\\u8F7D\\u7B56\\u7565\\u88AB\\u7AEF\\u4FA7\\u88AB\\u6253\\u7834\\u3002\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u5907\\u7528\\u63A5\\u53E3\"), mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u5206\\u5E03\\u5F0F\\u67B6\\u6784\\u3001\\u591A\\u670D\\u52A1\\u4E2D\\u5FC3\\u3001\\u5C31\\u8FD1\\u670D\\u52A1\\u7B49\\u65B9\\u6848\\u90FD\\u5C5E\\u4E8E\\u4F20\\u7EDF\\u610F\\u4E49\\u4E0A\\u7684\\u540C\\u4E00\\u4E2A\\u63A5\\u53E3\\u7684\\u8D1F\\u8F7D\\u5747\\u8861\\uFF0C\\u4F46\\u662F\\u9664\\u6B64\\u4E4B\\u5916\\uFF0C\\u8FD8\\u6709\\u591A\\u63A5\\u53E3\\u5747\\u8861\\u7684\\u7B56\\u7565\\u3002\"), mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u6BD4\\u5982\\u9996\\u9875\\u7528\\u6237\\u5217\\u8868\\u63A5\\u53E3\\uFF0C\\u5E73\\u65F6\\u662F\\u7528\\u7684\\u4E2A\\u6027\\u5316\\u6392\\u5E8F\\uFF0C\\u4F46\\u662F\\u4E1A\\u52A1\\u9AD8\\u5CF0\\u671F\\uFF0C\\u4E2A\\u6027\\u5316\\u7684\\u6027\\u80FD\\u538B\\u529B\\u592A\\u5927\\uFF0C\\u63A5\\u53E3\\u901F\\u5EA6\\u660E\\u663E\\u53D8\\u6162\\uFF0C\\u751A\\u81F3\\u63A5\\u53E3\\u51FA\\u73B0\\u95EE\\u9898\\uFF0C\\u90A3\\u4E48\\u5C31\\u53EF\\u4EE5\\u7A0D\\u5FAE\\u505A\\u4E00\\u4E9B\\u964D\\u7EA7\\u7B56\\u7565\\uFF0C\\u5C06\\u4E2A\\u6027\\u5316\\u6392\\u5E8F\\u7684\\u63A5\\u53E3\\u66FF\\u6362\\u4E3A\\u666E\\u901A\\u6392\\u5E8F\\u63A5\\u53E3\\u3002\"), mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u8FD9\\u79CD\\u65B9\\u6CD5\\u8FD8\\u80FD\\u5C4F\\u853D\\u540E\\u53F0\\u670D\\u52A1\\u4E2D\\u4E2A\\u6027\\u63A8\\u8350\\u90E8\\u5206\\u51FA\\u73B0\\u7684\\u903B\\u8F91\\u95EE\\u9898\\u3002\\u5F53\\u7136\\u8FD9\\u4E9B\\u524D\\u63D0\\u662F\\u4F60\\u5207\\u6362\\u5230\\u7684\\u5907\\u7528\\u63A5\\u53E3\\u7684\\u627F\\u8F7D\\u80FD\\u529B\\u5FC5\\u987B\\u80FD\\u591F hold \\u4F4F\\u8FD9\\u4E9B\\u6D41\\u91CF\\u3002\"), mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u6700\\u5DEE\\u7684\\u60C5\\u51B5\\u662F\\u505A\\u4E00\\u4E2A\\u9759\\u6001\\u63A5\\u53E3\\uFF0C\\u6BCF\\u65E5\\u6216\\u8005\\u6BCF\\u65F6\\u66F4\\u65B0\\u4E00\\u4E2A\\u57FA\\u7840\\u63A5\\u53E3\\u8FD4\\u56DE\\u503C\\uFF0C\\u4E43\\u81F3\\u6700\\u5DEE\\u7684\\u624B\\u5199\\u4E00\\u4E2A\\u793A\\u4F8B\\u6570\\u636E\\uFF0C\\u5728\\u52A8\\u6001\\u5316\\u5B8C\\u5168\\u4E0D\\u53EF\\u7528\\u7684\\u65F6\\u5019\\uFF0C\\u5C06\\u6D41\\u91CF\\u90FD\\u5207\\u5230\\u7EAF\\u9759\\u6001\\u7684\\u63A5\\u53E3\\uFF0C\\u81F3\\u5C11\\u6EE1\\u8DB3\\u6682\\u65F6\\u7684\\u670D\\u52A1\\u5668\\u91CD\\u542F\\u65F6\\u95F4\\u3002\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u6570\\u636E\\u7F13\\u5B58\\u548C api sw\"), mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u4E0A\\u4E00\\u6B21\\u7684\\u8BF7\\u6C42\\u7F13\\u5B58\\u5230\\u672C\\u5730\\uFF0C\\u8FD9\\u6B21\\u7F51\\u7EDC\\u8BF7\\u6C42\\u5982\\u679C\\u51FA\\u73B0\\u95EE\\u9898\\uFF0C\\u53EF\\u4EE5\\u5728\\u6743\\u8861\\u6570\\u636E\\u6709\\u6548\\u6027\\u4E4B\\u540E\\u663E\\u793A\\u7F13\\u5B58\\u7684\\u5185\\u5BB9\\uFF0C\\u81F3\\u5C11\\u6BD4 loading \\u8981\\u6709\\u610F\\u4E49\\u7684\\u591A\\u3002\\u4E0D\\u8FC7\\u9700\\u8981\\u4E00\\u4E9B\\u4E0D\\u592A\\u53D8\\u5316\\u7684\\u6570\\u636E\\uFF0C\\u5E76\\u4E14\\u8BBE\\u7F6E\\u8FC7\\u671F\\u65F6\\u95F4\\u3002\"), mdx(\"p\", {\n    parentName: \"li\"\n  }, \"web \\u7AEF\\u7684 sw \\u53EF\\u4EE5\\u4F5C\\u4E3A API \\u7684\\u4E2D\\u8F6C\\u7AD9\\uFF0C\\u6765\\u5904\\u7406\\u8BF7\\u6C42\\u7F13\\u5B58\\uFF0C\\u5E73\\u6ED1\\u5904\\u7406\\u4E00\\u4E9B\\u7F51\\u7EDC\\u4E0D\\u7A33\\u5B9A\\u7684\\u60C5\\u51B5\\u3002\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u6709\\u610F\\u4E49 ssr \\u548C site sw\"), mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u5BF9\\u4E8E\\u524D\\u7AEF\\uFF0C\\u7528\\u6237\\u6BCF\\u4E00\\u4E2A\\u7F51\\u7EDC\\u8BF7\\u6C42\\u90FD\\u662F\\u6709\\u4EE3\\u4EF7\\u7684\\uFF0Cssr \\u51FA\\u4E00\\u4E2A\\u9875\\u9762\\u6216\\u8005\\u5B9E\\u73B0\\u6E32\\u67D3\\u51FA\\u4E3B\\u8981\\u5185\\u5BB9\\u533A\\uFF0C\\u76F8\\u6BD4\\u7A7A\\u767D\\u9875\\u9762\\u5F88\\u591A\\u7684\\u9AA8\\u67B6 loading \\u5728\\u8BF7\\u6C42\\u591A\\u4E2A\\u63A5\\u53E3\\u586B\\u5185\\u5BB9\\u8981\\u597D\\u7684\\u591A\\u3002\"), mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u524D\\u7AEF\\u6765\\u8BF4\\u6574\\u7AD9\\u7684 sw \\u4E5F\\u662F\\u4E00\\u79CD\\u5F88\\u597D\\u7684\\u7F51\\u7EDC\\u7F13\\u5B58\\uFF0C\\u5C06\\u6574\\u4E2A\\u7AD9\\u70B9\\u901A\\u8FC7 SW \\u6765\\u5B9E\\u73B0\\u79BB\\u7EBF\\u5316\\u8BBF\\u95EE\\uFF0C\\u6EE1\\u8DB3\\u54EA\\u6015\\u89C6\\u89C9\\u4E0A\\u7684\\u4E00\\u70B9\\u7126\\u8651\\u7F13\\u89E3\\u3002\"))), mdx(\"p\", null, \"\\u4EE5\\u4E0A\\u7684\\u80FD\\u529B\\u90FD\\u9700\\u8981\\u901A\\u8FC7\\u5DE5\\u7A0B\\u5316\\u7684\\u624B\\u6BB5\\u5C01\\u88C5\\u5728\\u7F51\\u7EDC\\u5C42\\uFF0C\\u800C\\u4E14\\u5728\\u7528\\u6237\\u91CF\\u4E0D\\u5927\\u7684\\u65F6\\u5019\\u9009\\u62E9\\u6027\\u7684\\u4E0A\\u3002\"), mdx(\"p\", null, \"\\u4F7F\\u7528\\u5206\\u5E03\\u5F0F\\u7F51\\u5173\\u964D\\u4F4E\\u7F51\\u7EDC\\u8BF7\\u6C42\\u96C6\\u4E2D\\u5BFC\\u81F4\\u7684\\u7F51\\u7EDC\\u95EE\\u9898\\uFF0C\\u4E8B\\u5148\\u586B\\u5145\\u4E0A\\u6B21\\u6570\\u636E\\u7F13\\u89E3\\u7B49\\u5F85\\u60C5\\u7EEA\\uFF0C\\u7F51\\u7EDC\\u8FD4\\u56DE\\u51FA\\u73B0\\u95EE\\u9898\\u540E\\u68C0\\u6D4B\\u7F51\\u7EDC\\u72B6\\u6001\\uFF0C\\u65AD\\u7F51\\u63D0\\u793A\\uFF0C\\u672A\\u65AD\\u7F51\\u91CD\\u8BD5\\uFF0C\\u91CD\\u8BD5\\u9519\\u8BEF\\u540E\\u66F4\\u6362\\u5907\\u7528\\u63A5\\u53E3\\uFF0C\\u518D\\u5931\\u8D25\\u540E\\u63D0\\u793A\\u7F51\\u7EDC\\u95EE\\u9898\\uFF0C\\u63D0\\u4F9B\\u91CD\\u8BD5\\u6309\\u94AE\\u751A\\u81F3\\u7F51\\u7EDC\\u8BCA\\u65AD\\u5DE5\\u5177\\u3002\"), mdx(\"p\", null, \"\\u5BF9\\u4E1A\\u52A1\\u7684\\u53EF\\u7528\\u6027\\u652F\\u6301\\u6709\\u5F88\\u591A\\u624B\\u6BB5\\uFF0C\\u76EE\\u7684\\u90FD\\u662F\\u5728\\u6700\\u574F\\u7684\\u60C5\\u51B5\\u4E0B\\u8BA9\\u4E1A\\u52A1\\u6EE1\\u8DB3\\u57FA\\u672C\\u7684\\u53EF\\u7528\\u3002\"), mdx(\"h2\", null, \"\\u4E8C\\u3001\\u57CB\\u70B9\\u3001\\u76D1\\u6D4B\\u548C\\u544A\\u8B66\\u673A\\u5236\"), mdx(\"p\", null, \"\\u8FD9\\u90E8\\u5206\\u662F\\u5BA2\\u6237\\u7AEF\\u5BF9\\u7F51\\u7EDC\\u63A5\\u53E3\\u5C42\\u7684\\u68C0\\u6D4B\\u53CD\\u9988\\u673A\\u5236\\u3002\\u4F46\\u662F\\u5B9E\\u73B0\\u6BD4\\u8F83\\u5B8C\\u5907\\u53CA\\u65F6\\u7684\\u4E00\\u5957\\u673A\\u5236\\uFF0C\\u9700\\u8981\\u4F9D\\u9760\\u4F53\\u7CFB\\uFF0C\\u6BD4\\u5982\\u6574\\u4E2A\\u5E94\\u7528\\u7684\\u57CB\\u70B9\\u3001\\u5927\\u6570\\u636E\\u5E73\\u53F0\\u642D\\u5EFA\\u3001\\u544A\\u8B66\\u89C4\\u5219\\u548C\\u63A8\\u9001\\uFF0C\\u8FD9\\u91CC\\u4E1C\\u897F\\u642D\\u5EFA\\u8D77\\u6765\\u4E4B\\u540E\\uFF0C\\u4E00\\u4E2A\\u63A5\\u53E3\\u76D1\\u6D4B\\u81EA\\u7136\\u5C31\\u662F\\u987A\\u5E26\\u7684\\u4E86\\u3002\"), mdx(\"h2\", null, \"\\u4E09\\u3001\\u53EF\\u7528\\u6027\\u7684\\u672C\\u8D28\"), mdx(\"p\", null, \"\\u6700\\u540E\\u60F3\\u591A\\u8BF4\\u4E00\\u4E9B\\u201C\\u53EF\\u7528\\u6027\\u201D(Availability)\\u8FD9\\u4E09\\u4E2A\\u5B57\\u7684\\u601D\\u8003\\u3002\"), mdx(\"p\", null, \"\\u901A\\u8FC7\\u5404\\u79CD\\u65B9\\u6CD5\\uFF0C\\u5C3D\\u529B\\u8BA9\\u6574\\u4E2A\\u7CFB\\u7EDF\\u6B63\\u5E38\\u8FD0\\u884C\\uFF0C\\u4E3A\\u4E86\\u4FDD\\u8BC1\\u6838\\u5FC3\\u4E1A\\u52A1\\u573A\\u666F\\u7684\\u53EF\\u7528\\uFF0C\\u5B81\\u613F\\u727A\\u7272\\u6389\\u4E00\\u4E9B\\u8FB9\\u754C\\u4E1A\\u52A1\\u3002\"), mdx(\"h3\", null, \"3.1 \\u91CD\\u89C6\\u591A\\u6B21/\\u591A\\u4E2A\\u7684\\u529B\\u91CF\"), mdx(\"p\", null, \"\\u89E3\\u51B3\\u201C\\u4E0D\\u53EF\\u7528\\u6027\\u201D\\u7684\\u6D41\\u7A0B\\uFF0C\\u68B3\\u7406\\u53EF\\u80FD\\u51FA\\u73B0\\u4E0D\\u53EF\\u7528\\u7684\\u65AD\\u70B9\\uFF0C\\u628A\\u6BCF\\u4E2A\\u4E0D\\u53EF\\u7528\\u7684\\u5730\\u65B9\\u90FD\\u8FDB\\u884C\\u591A\\u5C42\\u4F18\\u5316\\u3002\"), mdx(\"p\", null, \"\\u5047\\u8BBE\\u4E00\\u4E2A\\u754C\\u9762\\uFF0C\\u53EF\\u7528\\u6027\\u53D6\\u51B3\\u4E8E\\uFF1A\\u201C\\u670D\\u52A1\\u63A5\\u53E3\\u201D\\u3001\\u201C\\u7F51\\u5173\\u201D\\u3001\\u201C\\u7269\\u7406\\u94FE\\u8DEF\\u201D\\u3001\\u201C\\u7F51\\u7EDC\\u6CE2\\u52A8\\u201D\\u3001\\u201C\\u672C\\u673A\\u63A5\\u6536\\u201D\\u51E0\\u4E2A\\u73AF\\u8282\\uFF0C\\u6BCF\\u4E2A\\u73AF\\u8282\\u90FD\\u6709\\u6781\\u7AEF\\u7684 10% \\u9519\\u8BEF\\u7387\\uFF0C\\u90A3\\u4E48\\u5982\\u679C\\u4E0D\\u505A\\u4F18\\u5316\\u7684\\u60C5\\u51B5\\uFF0C\\u53EF\\u7528\\u6027\\u6700\\u7EC8\\u53EA\\u6709 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"90%*90%*90%*90%*90% = 66.2%\"), \" \\u7684\\u5927\\u5C0F\\u3002\"), mdx(\"p\", null, \"\\u4F46\\u662F\\u5176\\u4E2D\\u6BCF\\u4E2A\\u73AF\\u8282\\u90FD\\u53EA\\u63D0\\u4F9B\\u4E00\\u4E2A\\u5907\\u7528\\u65B9\\u6848\\uFF0C\\u90A3\\u4E48\\u6BCF\\u4E2A\\u73AF\\u8282\\u7684\\u9519\\u8BEF\\u7387\\u80FD\\u964D\\u4F4E\\u5230 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"10%*10% = 1%\"), \" \\uFF0C\\u90A3\\u4E48\\u6574\\u4E2A\\u73AF\\u8282\\u7684\\u53EF\\u7528\\u7387\\u80FD\\u5F88\\u8F7B\\u677E\\u7684\\u63D0\\u9AD8\\u5230\\uFF1A\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"99%*99%*99%*99%*99% = 95%\"), \" \\u3002\"), mdx(\"p\", null, \"\\u6240\\u4EE5\\u6BCF\\u4E2A\\u8584\\u5F31\\u7684\\u73AF\\u8282\\uFF0C\\u515C\\u5E95\\u4E00\\u5C42\\u5C31\\u80FD\\u5C06\\u6574\\u4E2A\\u4E1A\\u52A1\\u7684\\u53EF\\u7528\\u6027\\u63D0\\u9AD8\\u5230\\u975E\\u5E38\\u597D\\u7684\\u7A0B\\u5EA6\\uFF0C\\u5F88\\u5212\\u7B97\\u3002\"), mdx(\"h3\", null, \"3.2 \\u81EA\\u52A8\\u8BCA\\u65AD\\u548C\\u81EA\\u52A8\\u6392\\u6545\"), mdx(\"p\", null, \"\\u4E0A\\u9762\\u7684\\u518D\\u8BD5\\u4E00\\u6B21\\u6216\\u8005\\u5907\\u7528\\u65B9\\u6848\\uFF0C\\u8BF4\\u5230\\u5E95\\u90FD\\u662F\\u7EDF\\u8BA1\\u610F\\u4E49\\u4E0A\\u7684\\u4F18\\u5316\\u53EF\\u7528\\u6027\\uFF0C\\u9519\\u8BEF\\u5C31\\u662F\\u9519\\u8BEF\\uFF0C\\u4E0D\\u80FD\\u56E0\\u4E3A\\u518D\\u8BD5\\u4E00\\u6B21\\u6210\\u529F\\u4E86\\u5C31\\u4E0D\\u662F\\u9519\\u8BEF\\u4E86\\u3002\\u4ECD\\u7136\\u662F\\u95EE\\u9898\\uFF0C\\u53EF\\u80FD\\u662F\\u8BA4\\u4E3A\\u4E0D\\u53EF\\u63A7\\u7684\\u95EE\\u9898\\uFF0C\\u53EF\\u80FD\\u662F\\u65B9\\u6848\\u8003\\u8651\\u4E0D\\u5468\\uFF0C\\u751A\\u81F3\\u53EF\\u80FD\\u662F\\u8F6F\\u4EF6 BUG\\uFF0C\\u8FD9\\u90FD\\u662F\\u9700\\u8981\\u89E3\\u51B3\\u548C\\u5904\\u7406\\u6389\\u7684\\u3002\"), mdx(\"p\", null, \"\\u6240\\u4EE5\\u5C06\\u9519\\u8BEF\\u884C\\u4E3A\\u81EA\\u52A8\\u8BCA\\u65AD\\u51FA\\u6765\\uFF0C\\u9488\\u5BF9\\u4E0D\\u540C\\u7684\\u8BCA\\u65AD\\u65BD\\u884C\\u4E0D\\u540C\\u7684\\u515C\\u5E95\\u65B9\\u6848\\u6765\\u6392\\u6545\\u624D\\u662F\\u7CBE\\u51C6\\u624B\\u672F\\u3002\"), mdx(\"p\", null, \"\\u6700\\u7B80\\u5355\\u7684\\u201C\\u9EA6\\u514B\\u98CE\\u5F55\\u5236\\u201D\\u53EF\\u80FD\\u51FA\\u73B0\\u7684\\u95EE\\u9898\\u6709\\uFF1A\\u6CA1\\u6709\\u8BBE\\u5907\\u3001\\u6CA1\\u6709\\u6743\\u9650\\u3001\\u6CA1\\u7ED9\\u6743\\u9650\\u3001\\u8BBE\\u5907\\u88AB\\u5360\\u7528\\u3001\\u8BBE\\u5907\\u65E0\\u6CD5\\u8BFB\\u53D6\\u3001\\u5B89\\u5168\\u9519\\u8BEF\\u3001\\u65E0\\u6CD5\\u7F16\\u7801\\u3001\\u5B58\\u50A8\\u65E0\\u6743\\u9650\\u3001\\u5B58\\u50A8\\u88AB\\u5360\\u7528\\u3001\\u5B58\\u50A8\\u5B89\\u5168\\u95EE\\u9898\\u3001\\u5B58\\u50A8\\u65E0\\u6CD5\\u5199\\u5165\\u7B49\\u7B49\\uFF0C\\u91CC\\u9762\\u5F88\\u591A\\u4E8B\\u65E0\\u6CD5\\u89E3\\u51B3\\u7684\\uFF0C\\u4F46\\u662F\\u4ECD\\u7136\\u9700\\u8981\\u6839\\u7EDD\\u8FD9\\u4E9B\\u4E0D\\u540C\\u7684\\u9519\\u8BEF\\u91C7\\u53D6\\u4E0D\\u540C\\u7684\\u7B56\\u7565\\u6765\\u91CD\\u8BD5\\uFF0C\\u81EA\\u52A8\\u6392\\u9664\\u8FD9\\u4E9B\\u6545\\u969C\\u3002\"), mdx(\"h3\", null, \"3.3 \\u4E3B\\u52A8\\u964D\\u7EA7\"), mdx(\"p\", null, \"\\u4E3A\\u4E86\\u5B8C\\u7F8E\\u7684\\u4E1A\\u52A1\\u4F53\\u9A8C\\uFF0C\\u5F88\\u591A\\u7684\\u573A\\u666F\\u90FD\\u662F\\u6709\\u8981\\u6C42\\u7684\\uFF0C\\u6BD4\\u5982\\u4E2A\\u6027\\u5316\\u63A8\\u8350\\u7684\\u5343\\u4EBA\\u5343\\u9762\\uFF0C\\u6BD4\\u5982\\u5B9E\\u65F6\\u7ED3\\u7B97\\u548C\\u6263\\u6B3E\\uFF0C\\u6BD4\\u5982\\u804A\\u5929\\u6D88\\u606F\\u7684\\u5B9E\\u65F6\\u63A8\\u9001\\uFF0C\\u6BD4\\u5982\\u89C6\\u9891\\u7684\\u9AD8\\u6E05\\u7B49\\u7B49\\u4E1A\\u52A1\\uFF0C\\u4ED6\\u4EEC\\u90FD\\u5E76\\u4E0D\\u662F\\u6CA1\\u6709\\u4EE3\\u4EF7\\u7684\\uFF0C\\u6548\\u679C\\u597D\\u574F\\u90FD\\u53D6\\u51B3\\u4E8E\\u76F8\\u5E94\\u7684\\u8BA1\\u7B97\\u8D44\\u6E90\\u548C\\u65F6\\u95F4\\u3002\"), mdx(\"p\", null, \"\\u5728\\u4E1A\\u52A1\\u9AD8\\u5CF0\\u671F\\uFF0C\\u6211\\u4EEC\\u7684\\u670D\\u52A1\\u8D44\\u6E90\\u662F\\u5F88\\u6709\\u9650\\u7684\\uFF0C\\u53EF\\u7528\\u6027\\u8981\\u8FDC\\u6BD4\\u8FD9\\u4E9B\\u201C\\u66F4\\u597D\\u7684\\u4F53\\u9A8C\\u201D\\u91CD\\u8981\\u3002\"), mdx(\"p\", null, \"\\u6240\\u4EE5\\u6211\\u4EEC\\u9700\\u8981\\u4E3B\\u52A8\\u5BF9\\u4E1A\\u52A1\\u964D\\u7EA7\\uFF0C\\u5C06\\u597D\\u7684\\u66FF\\u6210\\u76F8\\u5BF9\\u6CA1\\u90A3\\u4E48\\u597D\\u7684\\uFF0C\\u8282\\u7701\\u8D44\\u6E90\\u6765\\u62C9\\u9AD8\\u53EF\\u7528\\u6027\\u3002\\u6BD4\\u5982\\u63A8\\u8350\\u6CA1\\u90A3\\u4E48\\u5173\\u8054\\u7684\\u5546\\u54C1\\u3001\\u6BD4\\u5982\\u7A0D\\u5FAE\\u5F02\\u6B65\\u6392\\u961F\\u7684\\u7ED3\\u7B97\\u548C\\u63A8\\u9001\\u3001\\u6BD4\\u5982\\u76F8\\u5BF9\\u4F4E\\u6E05\\u6670\\u5EA6\\u7684\\u89C6\\u9891\\u8D44\\u6E90\\u3002\"), mdx(\"p\", null, \"\\u751A\\u81F3\\u8FD8\\u53EF\\u4EE5\\u5BF9\\u90E8\\u5206\\u76EE\\u6807\\u7528\\u6237\\u6216\\u8005\\u975E\\u6838\\u5FC3\\u8BF7\\u6C42\\u8FDB\\u884C\\u9650\\u6D41\\uFF0C\\u751A\\u81F3\\u6839\\u636E\\u53EF\\u7528\\u6027\\u72B6\\u6001\\uFF0C\\u4E3B\\u52A8\\u5BF9\\u8FB9\\u7F18\\u4E1A\\u52A1\\u7194\\u65AD\\u7B49\\u7B56\\u7565\\uFF0C\\u653E\\u5F03\\u4E00\\u90E8\\u5206\\u4E1A\\u52A1\\uFF0C\\u6765\\u4FDD\\u5168\\u53EF\\u7528\\u6027\\u3002\"), mdx(\"h2\", null, \"\\u56DB\\u3001\\u51FA\\u53D1\\u70B9\"), mdx(\"p\", null, \"\\u8FD9\\u7BC7\\u6587\\u7AE0\\u7684\\u51FA\\u53D1\\u70B9\\uFF0C\\u662F\\u5728\\u7AEF\\u4FA7\\u642D\\u5EFA\\u4E00\\u5957\\u7F51\\u7EDC\\u5C42\\u7684\\u65F6\\u5019\\uFF0C\\u7ED3\\u5408\\u5B9E\\u9645\\u6D41\\u91CF\\u5BF9\\u4E1A\\u52A1\\u53EF\\u7528\\u6027\\u7684\\u601D\\u8003\\u3002\"), mdx(\"p\", null, \"\\u6839\\u636E\\u8FD9\\u4E9B\\u60F3\\u6CD5\\uFF0C\\u5728 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"req\"), \" \\u548C \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"res\"), \" \\u4E4B\\u95F4\\u642D\\u5EFA\\u975E\\u5E38\\u597D\\u73A9\\u7684\\u5F02\\u5E38\\u4F18\\u5316\\u7B56\\u7565\\uFF0C\\u628A\\u53EF\\u7528\\u6027\\u505A\\u4E0A\\u6765\\uFF0C\\u8FC7\\u7A0B\\u5F88\\u6709\\u610F\\u601D\\u3002\"));\n}\n;\nMDXContent.isMDXComponent = true;"},"next":{"fileAbsolutePath":"D:/ubug/storybook/content/blog/move-miui-12-super-wallpaper-to-web/index2.md","id":"1c4a32ef-78bc-5082-a9cc-82fcc87ecac6","parent":{"name":"index2","sourceInstanceName":"blog"},"excerpt":"万万没想到这篇文章居然还能写个二。MIUI 12.5 发布的时候增加了一个四姑娘山的超级壁纸，看腻了之前的超级火星，这次这个比较清新，过了很久还是忍不住又鼓捣着玩起来了。 上篇（ 🌏 把 MIUI 12 的超级壁纸搬到 Web 上 ）说了很多的东西，这里不再赘述，只是一些不一样的地方。 一、结果放到前面 预览可戳(17MB 左右，爪机慎点，源码在最后)：   超级雪山 二、资源获取 资源的获取和之前一样，都没有变，因为是 24h 壁纸，所以包含了…","fields":{"title":"🗻 把 MIUI 12 的超级雪山搬到 Web 上（二）","slug":"/blog/move-miui-12-super-wallpaper-to-web-2","description":"万万没想到这篇文章居然还能写个二。MIUI 12.5 发布的时候增加了一个四姑娘山的超级壁纸，看腻了之前的超级火星，这次这个比较清新，过了很久还是忍不住又鼓捣着玩起来了。","date":"2021-01-13","redirects":null,"datetime":"2021-01-13 15:55:36","categories":["code"],"series":null,"tags":["Three.js","3D","Mars"],"status":"online"},"frontmatter":{"published":null,"tags":["Three.js","3D","Mars"],"theme":null,"slug":"move-miui-12-super-wallpaper-to-web-2","date":"2021-01-13 15:55:36"},"body":"const _excluded = [\"components\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\n/* @jsx mdx */\n\nconst _frontmatter = {\n  \"slug\": \"move-miui-12-super-wallpaper-to-web-2\",\n  \"title\": \"🗻 把 MIUI 12 的超级雪山搬到 Web 上（二）\",\n  \"date\": \"2021-01-13 15:55:36\",\n  \"author\": \"Ubug\",\n  \"description\": \"万万没想到这篇文章居然还能写个二。MIUI 12.5 发布的时候增加了一个四姑娘山的超级壁纸，看腻了之前的超级火星，这次这个比较清新，过了很久还是忍不住又鼓捣着玩起来了。\",\n  \"categories\": [\"code\"],\n  \"tags\": [\"Three.js\", \"3D\", \"Mars\"],\n  \"banner\": \"./banner.jpg\"\n};\nconst makeShortcode = name => function MDXDefaultShortcode(props) {\n  console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n  return mdx(\"div\", props);\n};\nconst WithFigcaption = makeShortcode(\"WithFigcaption\");\nconst SourceCodeLink = makeShortcode(\"SourceCodeLink\");\nconst layoutProps = {\n  _frontmatter\n};\nconst MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  let {\n      components\n    } = _ref,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"blockquote\", null, mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, \"\\u4E07\\u4E07\\u6CA1\\u60F3\\u5230\\u8FD9\\u7BC7\\u6587\\u7AE0\\u5C45\\u7136\\u8FD8\\u80FD\\u5199\\u4E2A\\u4E8C\\u3002MIUI 12.5 \\u53D1\\u5E03\\u7684\\u65F6\\u5019\\u589E\\u52A0\\u4E86\\u4E00\\u4E2A\\u56DB\\u59D1\\u5A18\\u5C71\\u7684\\u8D85\\u7EA7\\u58C1\\u7EB8\\uFF0C\\u770B\\u817B\\u4E86\\u4E4B\\u524D\\u7684\\u8D85\\u7EA7\\u706B\\u661F\\uFF0C\\u8FD9\\u6B21\\u8FD9\\u4E2A\\u6BD4\\u8F83\\u6E05\\u65B0\\uFF0C\\u8FC7\\u4E86\\u5F88\\u4E45\\u8FD8\\u662F\\u5FCD\\u4E0D\\u4F4F\\u53C8\\u9F13\\u6363\\u7740\\u73A9\\u8D77\\u6765\\u4E86\\u3002\")), mdx(\"p\", null, \"\\u4E0A\\u7BC7\\uFF08\", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/blog/move-miui-12-super-wallpaper-to-web\"\n  }, \"\\uD83C\\uDF0F \\u628A MIUI 12 \\u7684\\u8D85\\u7EA7\\u58C1\\u7EB8\\u642C\\u5230 Web \\u4E0A\"), \"\\uFF09\\u8BF4\\u4E86\\u5F88\\u591A\\u7684\\u4E1C\\u897F\\uFF0C\\u8FD9\\u91CC\\u4E0D\\u518D\\u8D58\\u8FF0\\uFF0C\\u53EA\\u662F\\u4E00\\u4E9B\\u4E0D\\u4E00\\u6837\\u7684\\u5730\\u65B9\\u3002\"), mdx(\"h2\", null, \"\\u4E00\\u3001\\u7ED3\\u679C\\u653E\\u5230\\u524D\\u9762\"), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"\\u9884\\u89C8\\u53EF\\u6233(17MB \\u5DE6\\u53F3\\uFF0C\\u722A\\u673A\\u614E\\u70B9\\uFF0C\\u6E90\\u7801\\u5728\\u6700\\u540E)\\uFF1A\"), \" \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://p.ubug.io/super-wallpaper/index.html#mountain\"\n  }, \"\\u8D85\\u7EA7\\u96EA\\u5C71\")), mdx(\"div\", {\n    style: {\n      display: 'flex',\n      justifyContent: 'center'\n    }\n  }, mdx(WithFigcaption, {\n    title: \"WEB \\u7248\\u672C\\u8D85\\u7EA7\\u58C1\\u7EB8\",\n    mdxType: \"WithFigcaption\"\n  }, mdx(\"video\", {\n    controls: true,\n    autoPlay: true,\n    muted: true,\n    loop: true,\n    style: {\n      maxHeight: \"400px\",\n      maxWidth: \"100%\"\n    }\n  }, mdx(\"source\", {\n    src: \"https://fdb.ubug.io/storybook-videos/super-mountain-web.mp4\",\n    type: \"video/mp4\"\n  })))), mdx(\"h2\", null, \"\\u4E8C\\u3001\\u8D44\\u6E90\\u83B7\\u53D6\"), mdx(\"p\", null, \"\\u8D44\\u6E90\\u7684\\u83B7\\u53D6\\u548C\\u4E4B\\u524D\\u4E00\\u6837\\uFF0C\\u90FD\\u6CA1\\u6709\\u53D8\\uFF0C\\u56E0\\u4E3A\\u662F 24h \\u58C1\\u7EB8\\uFF0C\\u6240\\u4EE5\\u5305\\u542B\\u4E86 9 \\u4E2D\\u4E0D\\u540C\\u5149\\u7167\\u6761\\u4EF6\\u4E0B\\u7684\\u8D44\\u6E90\\u8D34\\u56FE\\uFF0C\\u8FD9\\u91CC\\u4EE5\\u5E8F\\u53F7\\u4E3A 7 \\u7684\\u8D34\\u56FE\\u4E3A\\u4F8B\\u3002\"), mdx(\"h3\", null, \"\\u7D20\\u6750\\u5217\\u8868\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \" center.001.obj \"), \" \\u5730\\u5F62\\uFF0C\\u5305\\u542B\\u4E86\\u4E24\\u4E2A mesh\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \" core7.png \"), \" \\u5730\\u5F62\\u8D34\\u56FE1\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \" center7.png \"), \" \\u5730\\u5F62\\u8D34\\u56FE2\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \" coremask.png \"), \" \\u5730\\u5F62\\u906E\\u7F691\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \" centermask.png \"), \" \\u5730\\u5F62\\u906E\\u7F692\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \" sky.obj \"), \" \\u5929\\u7A7A\\u7684\\u5F62\\u72B6\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \" sky7.png \"), \" \\u5929\\u7A7A\\u8D34\\u56FE\")), mdx(\"p\", null, \"\\u53EF\\u4EE5\\u770B\\u5230\\u5730\\u5F62\\u7684\\u8D34\\u56FE\\u6709\\u4E24\\u4E2A center \\u548C core\\uFF0C\\u5E94\\u8BE5\\u662F\\u4F5C\\u4E3A\\u58C1\\u7EB8\\u7684\\u65F6\\u5019\\u684C\\u9762\\u548C\\u606F\\u5C4F\\u4E24\\u4E2A\\u573A\\u666F\\u4E0B\\uFF0C\\u53EF\\u4EE5\\u8282\\u7701\\u6E32\\u67D3\\u5F00\\u9500\\u3002\"), mdx(\"h2\", null, \"\\u4E09\\u3001\\u6CE8\\u610F\\u70B9\"), mdx(\"p\", null, \"\\u521A\\u5F00\\u59CB\\u62FF\\u5BFC\\u51FA\\u7684\\u8D44\\u6E90\\uFF0C\\u5728 Three.js/editor \\u4E2D\\u9884\\u89C8\\u4E00\\u4E0B\\uFF0C\\u53D1\\u73B0\\u4E0D\\u592A\\u4E00\\u6837\\u7684\\u5730\\u65B9\\uFF0C\\u7422\\u78E8\\u4E86\\u597D\\u4E00\\u9635\\u624D\\u5F04\\u660E\\u767D\\u3002\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"center.001.obj \\u8FD9\\u4E2A 3D \\u6A21\\u578B\\u662F\\u4E24\\u4E2A\\u96C6\\u5408\\u4F53\\u62FC\\u8D77\\u6765\\u7684\\uFF0C\\u4E00\\u4E2A\\u5C71\\u5934\\u4E00\\u4E2A\\u5C71\\u4F53\\u3002\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u4E24\\u4E2A\\u96C6\\u5408\\u4F53\\u4F7F\\u7528\\u4E0D\\u540C\\u7684\\u8D34\\u56FE\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u8FD8\\u6709\\u4E24\\u4E2A mask \\u7528\\u6765\\u8FDC\\u5904\\u67E5\\u770B\\uFF0C\\u906E\\u7F69\\u6700\\u5E95\\u4E0B\\u8FB9\\u7F18\\u7684\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Three.js/editor \\u4E0A\\u4E00\\u4E2A group \\u6CA1\\u529E\\u6CD5\\u5206\\u5F00\\u8BBE\\u7F6E\\u8D34\\u56FE\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"mask \\u906E\\u7F69\\u53EF\\u4EE5\\u7528 Alpha Map \\u52A0 transparent \\u5B9E\\u73B0\\u9690\\u85CF\\u4E0D\\u9700\\u8981\\u7684\\u5730\\u65B9\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u4E91\\u6735\\u7684\\u5B9E\\u73B0\\u53EF\\u4EE5\\u7528 Sprite \\u6765\\u5B9E\\u73B0\\uFF0C\\u9762\\u5411\\u76F8\\u673A\\uFF0C\\u6DFB\\u52A0\\u900F\\u660E\\u5EA6\\u5373\\u53EF\")), mdx(\"h2\", null, \"\\u56DB\\u3001threejs/editor \\u56FE\"), mdx(\"p\", null, \"\\u6574\\u4E2A\\u5F00\\u53D1\\u8FC7\\u7A0B\\u6CA1\\u4EC0\\u4E48\\u53EF\\u8BF4\\u7684\\uFF0C\\u5C31\\u662F\\uFF1A\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u52A0\\u8F7D obj \\u6587\\u4EF6\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u6DFB\\u52A0\\u4E24\\u4E2A\\u4E0D\\u540C\\u7684\\u8D34\\u56FE\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u6DFB\\u52A0\\u4E24\\u4E2A\\u4E0D\\u540C\\u7684\\u906E\\u7F69\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u6DFB\\u52A0\\u4E24\\u6735\\u5C0F\\u4E91\\u5F69\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u8BBE\\u7F6E\\u6444\\u50CF\\u673A\\u4F4D\\u7F6E\\u548C\\u65B9\\u5411\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u8C03\\u6574\\u52A8\\u753B\")), mdx(\"p\", null, \"\\u8FD8\\u662F\\u8D34\\u51E0\\u5F20\\u56FE\\u770B\\u770B\\u6BD4\\u8F83\\u76F4\\u89C2\"), mdx(\"p\", null, mdx(\"figure\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-figure\",\n    \"style\": {}\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"figure\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1035px\"\n    }\n  }, \"\\n      \", mdx(\"a\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/53254ad84c07cf0fb784621b82a9a541/890f2/top.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": [\"noopener\"]\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"48.26254826254826%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAIAAAA7N+mxAAAACXBIWXMAAAsSAAALEgHS3X78AAABUklEQVQoz42RW0+DMBiG9w/AKWOcRjbDocDYgB4YhUEbF+OF8c7EqLeaeOmVN/vvttM4mDHxTZM27fv0O41iEERxDADwfT+KomW6FFqlq1SuNAzDoCdhc93ZZKIZlmPb9ghBKYTkTmnFORPaspbxjrGuLEuI5OuXCEbRMvNSbHvJ7uZ2VByVNw3irOJX1d2O8ZpwTjEm4v7HIUKEAMwvPXe+iJJkAFOK267ptmz/8LJ/vm9aSk5hJKozjKnjOOPxeABvNggkMFmzp8f3j9e3rqsJKfN8AHu+r00027Kmun6EISwwzgOwjlek7a63jNY1Ed3o/S5h0TZNN3V7ca7p/cgSRjgrYIZQhnEGYT/qNyzar1vuhW4p6tkAltXlUCQhj3lxQh6ygyKyLgY1O4wq/235Q8JJyjIMQtEqwzBM0xxhkev/eGGjdRWDUFFVVVEVRfkEeWZx9ujoqIIAAAAASUVORK5CYII=')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"山头\",\n    \"title\": \"山头\",\n    \"src\": \"/static/53254ad84c07cf0fb784621b82a9a541/0dc48/top.png\",\n    \"srcSet\": [\"/static/53254ad84c07cf0fb784621b82a9a541/2c191/top.png 259w\", \"/static/53254ad84c07cf0fb784621b82a9a541/86b01/top.png 518w\", \"/static/53254ad84c07cf0fb784621b82a9a541/0dc48/top.png 1035w\", \"/static/53254ad84c07cf0fb784621b82a9a541/aae66/top.png 1553w\", \"/static/53254ad84c07cf0fb784621b82a9a541/890f2/top.png 1920w\"],\n    \"sizes\": \"(max-width: 1035px) 100vw, 1035px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  }), \"\\n  \"), \"\\n    \"), \"\\n    \", mdx(\"figcaption\", {\n    parentName: \"figure\",\n    \"className\": \"gatsby-resp-image-figcaption\"\n  }, \"\\u5C71\\u5934\"), \"\\n  \")), mdx(\"p\", null, mdx(\"figure\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-figure\",\n    \"style\": {}\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"figure\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1035px\"\n    }\n  }, \"\\n      \", mdx(\"a\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/433a7cdf75f3ca5a872c1bb3936c901a/890f2/body.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": [\"noopener\"]\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"48.26254826254826%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAIAAAA7N+mxAAAACXBIWXMAAAsSAAALEgHS3X78AAAB90lEQVQoz0VSy27TQBT1HzgEEidxYiJQ/Iwf87Bn7LEdjwm0Ekg8GoFoSUXaiLQgFTYVi24AwaYSEmLBBvEzrPgOvoRrpRJ3jkYzmnvuvTpnFM8xPc9zXcey4OBGkQ9AKNjC82zXNR2nwXQKCbZhGN1uZ6APIRSREZ4SzmmSkDxP61pKWVVyVsEmK855HFPGKCSkKUnT2J36lusb49v3dnYVQgilOI4xIZgxVhR5KfO7dTXPRTnLIZux5hWeIVhCgHnTDkdm4PhYoZRsgzEkRCxlUclCinldlLtN5yREfoQIhUUw9Dcnk35PM4Z6u93+T04SKB/neTkrSy7KZ/cfvHiyOl6efD9dZkkcRCimhPF4MjG73a4+1LWedkWmlNpuMBx7nKdZJhJWPF+sni42b88+/f359feHd3cyEWEECliW1dEG2vDW9c4VGUcRc6bcdIgfpm4g5Hzv0cOD/f3Nm9PzX+/P/3z++G19HKIIyLZl9fTxDU1XW9eU7cxQwg9pRPIIF14oyvrxYu/oZHNx+eXHy4NXF+vXl+sjQlDCqGlavb4+MkaNVUmCQE/wCWMUQHFE/AAEkCzbOVyerQ43VVWDC7JgPI1EzmBskKrf7w8GA0UICk4AgM9YIxsArpRGcYwQ8jEOwEuEm4CP4Dq22mq11Jaqqv8AR4aBFDrv1GwAAAAASUVORK5CYII=')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"山体\",\n    \"title\": \"山体\",\n    \"src\": \"/static/433a7cdf75f3ca5a872c1bb3936c901a/0dc48/body.png\",\n    \"srcSet\": [\"/static/433a7cdf75f3ca5a872c1bb3936c901a/2c191/body.png 259w\", \"/static/433a7cdf75f3ca5a872c1bb3936c901a/86b01/body.png 518w\", \"/static/433a7cdf75f3ca5a872c1bb3936c901a/0dc48/body.png 1035w\", \"/static/433a7cdf75f3ca5a872c1bb3936c901a/aae66/body.png 1553w\", \"/static/433a7cdf75f3ca5a872c1bb3936c901a/890f2/body.png 1920w\"],\n    \"sizes\": \"(max-width: 1035px) 100vw, 1035px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  }), \"\\n  \"), \"\\n    \"), \"\\n    \", mdx(\"figcaption\", {\n    parentName: \"figure\",\n    \"className\": \"gatsby-resp-image-figcaption\"\n  }, \"\\u5C71\\u4F53\"), \"\\n  \")), mdx(\"p\", null, mdx(\"figure\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-figure\",\n    \"style\": {}\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"figure\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1035px\"\n    }\n  }, \"\\n      \", mdx(\"a\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/3026e3a3c741894092bc13db49902bef/890f2/all.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": [\"noopener\"]\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"50.965250965250966%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAIAAAA7N+mxAAAACXBIWXMAAAsSAAALEgHS3X78AAABlElEQVQoz1WRy07jQBBFvUSzwo6iyFFiexwHu+VHP2y3g+22Ywei8BqJmRULHhKMZkCskBBCLNgg8QFs+An+kSJBiXNVi1Z3ndtXVZJFhYts13URQo7jeJ4XzEUIwRj7vu80BD2WNex0Omq3r2mGRCMeR9+K41gIUVVVUZZQ1XhcFAWPV+Kcg6ltI13ToU2KQhY2lKVpLsSkzCeF4OmXwHT5CmcIZRg/TdO0bVsK1yXyPM3yP7PDl/Ozq+OjnZ1dxhj81oS7XVXra+12W2q4fpUfMBsleXl8///h9e7p4+39+fLvbHbIGF3CrVZLlmVFUVYwpaHrxfoAm0NorEfZfl3/erx9uDm9vjj5lyUZpXQBAybPtYKtLawZgW4GPcN1vEw3/eEQjAhP98bFQeBvj0YlRFuDIewij40Ctbel9hBhFQknmNW6iTd+yAMrKOvfkEWIXci3BjeGEWJMAwILyZEbDSyitPubikpIsp0WSZJxPpr/jFfwdDpdLmMxszCEATOMwZYSwuAGprWoBBYdR9+oLH8CO7pzFkvLTsQAAAAASUVORK5CYII=')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"整体\",\n    \"title\": \"整体\",\n    \"src\": \"/static/3026e3a3c741894092bc13db49902bef/0dc48/all.png\",\n    \"srcSet\": [\"/static/3026e3a3c741894092bc13db49902bef/2c191/all.png 259w\", \"/static/3026e3a3c741894092bc13db49902bef/86b01/all.png 518w\", \"/static/3026e3a3c741894092bc13db49902bef/0dc48/all.png 1035w\", \"/static/3026e3a3c741894092bc13db49902bef/aae66/all.png 1553w\", \"/static/3026e3a3c741894092bc13db49902bef/890f2/all.png 1920w\"],\n    \"sizes\": \"(max-width: 1035px) 100vw, 1035px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  }), \"\\n  \"), \"\\n    \"), \"\\n    \", mdx(\"figcaption\", {\n    parentName: \"figure\",\n    \"className\": \"gatsby-resp-image-figcaption\"\n  }, \"\\u6574\\u4F53\"), \"\\n  \")), mdx(\"p\", null, mdx(\"figure\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-figure\",\n    \"style\": {}\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"figure\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1035px\"\n    }\n  }, \"\\n      \", mdx(\"a\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/f8adf48820b0bbe019a4138c720efe0e/890f2/mask.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": [\"noopener\"]\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"48.26254826254826%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAIAAAA7N+mxAAAACXBIWXMAAAsSAAALEgHS3X78AAABqUlEQVQoz2WRXU/bMBSGnQ/biZ3gj7htWJf0C1rabayUbrCBmCb1YsB2gdAkVkFbxN2kIfEv2C53s7+74yQDpJ0ojmOd9/VzzkEB8cOQU0qDIJBSSfsqIWQZjDGMMSEkDAmlmHOutU7TRmLqJ8cnyEHIdWFBnuetrYFICXiMkEJorUDmOMj3kWNTbAipR6/Gebt7//OX/XddhDGi1DMJaOO3o8HlwWFWk8aoMMSQAEqn/CDEheq9nNZbg++3d5UfePu+C5xJovd3D69Ov97MPuyMxkmteTTIs0QU2kLMWCvPtBTfLi4qsedZeKV0oo0xjby9MdmevNv7WGt2/9z9+L08YwSXmdCF7HmWpulqtarEYOp5ThCwMGTQueaz/PX2lDG+Oz06//T58mDSrpkyk3O2sdkHxvl8XonLsv8ZOTSgsIliMZt9WV832HcD2zmLHUdxq92BASwWi4q5qPlxU3i53e7mm+l7mI1vzx04tI5R1On1YbDXgF1Ui/4PQqgQBmMKI3ygI8SVIu5vvWCxtDX7cBF6hC9vfgrylCuKST1Rw+GQ8Wi5XP4FimcrNzaZEQwAAAAASUVORK5CYII=')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"遮罩\",\n    \"title\": \"遮罩\",\n    \"src\": \"/static/f8adf48820b0bbe019a4138c720efe0e/0dc48/mask.png\",\n    \"srcSet\": [\"/static/f8adf48820b0bbe019a4138c720efe0e/2c191/mask.png 259w\", \"/static/f8adf48820b0bbe019a4138c720efe0e/86b01/mask.png 518w\", \"/static/f8adf48820b0bbe019a4138c720efe0e/0dc48/mask.png 1035w\", \"/static/f8adf48820b0bbe019a4138c720efe0e/aae66/mask.png 1553w\", \"/static/f8adf48820b0bbe019a4138c720efe0e/890f2/mask.png 1920w\"],\n    \"sizes\": \"(max-width: 1035px) 100vw, 1035px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  }), \"\\n  \"), \"\\n    \"), \"\\n    \", mdx(\"figcaption\", {\n    parentName: \"figure\",\n    \"className\": \"gatsby-resp-image-figcaption\"\n  }, \"\\u906E\\u7F69\"), \"\\n  \")), mdx(\"h2\", null, \"\\u4E94\\u3001\\u6E90\\u7801\"), mdx(\"hr\", null), mdx(\"p\", null, \"\\u6700\\u540E\\u7684\\u6E90\\u7801\\u5305\\u542B\\u4E86\\u5F88\\u591A\\u7684\\u5C1D\\u8BD5\\u548C\\u5904\\u7406\\uFF0C\\u6BD4\\u6587\\u7AE0\\u8FD9\\u4E00\\u70B9\\u4EE3\\u7801\\u6709\\u5F88\\u591A\\u4E0D\\u540C\\uFF1A\"), mdx(SourceCodeLink, {\n    url: \"https://cnb.cool/ubug/super-globe/super-globe\",\n    name: \"super-globe\",\n    desc: \"move miui 12 super wallpaper to web\",\n    mdxType: \"SourceCodeLink\"\n  }), mdx(\"hr\", null));\n}\n;\nMDXContent.isMDXComponent = true;"}}}}